后端编程

什么是后端编程，作用?
网站数据存储在一个地方，数据变化，不用更改代码。
1.可以接收前端请求，
2.处理业务逻辑
3.响应数据给前端
编程语言 javascript
运行环境 nodejs
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。
14.18.2版本默认安装
命令行检查node环境：node -v
执行js代码
d:/test>node demo.js
demo.js文件在d:/test目录下执行
window环境上的DOS操作
DOS 命令操作
盘符切换：c盘->D盘
c:/user>D:
目录切换：D:/> cd test -> D:/test

http模块

nodejs
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。
nodejs包含内置模块(相当于javascript中内置对象)
http模块
实现后端编程序web服务功能
1. 接收前端请求
2. 处理业务逻辑
3. 响应数据

引入内置http模块
let http = require('http')
web程序特点:
启动之后一直运行，
监听前端客户端用户请求，如果有请求则响应数据
url地址: http://10.7.162.67:3000
http：协议
ip地址： 10.7.162.67
唯一确定网络中一台电脑
端口号: 3000
唯一确定同一台电脑中不同应用

ajax

使用ajax技术获取后端商品列表数据
ajax是异步网络通讯技术，在不刷新网页的情况获取后端数据

  XMLHttpRequest 是ajax技术的核心对象

  1. 创建对象
      let xhr = new XMLHttpRequest()
  2. 建立连接
     xhr.open(method,url,true)
      - 请求方法 method: 
         get 获取数据
      - url: http://10.7.162.67:3000/
      - true|false 异步与同步
  3. 发送请求
     xhr.send()

  4. 接收响应内容
     xhr.onreadystatechange = function(){
         // 响应数据是否完成
         // readyState 就绪码: 0 1 2 3 4 
         if(xhr.readyState === 4){
             // 响应是成功还是失败
             // status 状态 200 成功 
             if(xhr.status === 200){
                 // 获取成功响应的数据
                 let data = xhr.responseText
             }
         }
     }

请求方式get和post

get请求传参
作用: 获取数据参数以名称值对的形式拼接到url地址后 ?key=value&key=value
```
  http://10.7.162.67:8888/test/third?name={username}&age={age}
```

post请求传参
作用: 提交数据

 xhr.open('post','url')
 参数类型 key=value  setRequestHeader('content-type', 'application/x-www-form-urlencoded')
 xhr.send(参数)

get与post区别

安全性: post更安全
get请求参在url地址上 post请求参数在请求体中

前后端分离应用

用户客户端用户打开浏览器发送请求 (用户在自己浏览器打开京东淘宝网站)
前端负责界面效果
后端负责提供数据,业务逻辑处理

后端编程&ajax

后端编程

http模块

ajax

请求方式get和post

前后端分离应用