ajax : async javascript and xml 异步的js和xml 实现前后端交互

接口

1.接口：数据在服务器，前端操作不了服务器的数据，后端可以操作服务器的数据，前端可以通过后端间接操作服务器
  的数据，所有需要后端写套接口给前端，前端就可以操作数据

捕获.PNG

启动web服务器：
    1.win：打开文件夹, 直接双击 "点我启动" 即可开启服务器
    2.mac：
        打开终端
        切换终端目录到 src 目录
        输入指令 $ npm start 即可开启服务器
    软件：软件(postman)/谷歌浏览器插件postwomen

请求基准地址 : http://localhost:端口号 
    如果你没有修改过, 基准地址为 : http://localhost:8888 
    如果你修改过, 把端口号位置书写成你修改后的内容即可
    
开局测试
    1 请求地址 
        /test/first 
    2 请求方式 
        get 
    3 携带参数 
        无 
    4 响应数据 
        哇塞, 你已经成功使用 ajax 发送给我了一个请求, 这是我给你的回应, 我是一个字符串类型 ^_^

 1 请求地址 
     /test/third 
 2 请求方式 
     get 
 3 携带参数

图片.png

 4 响应数据 
     json 格式数据 
     {
         "message": "我接收到了你的请求, 你的请求方式是 GET, 并且正确携带了 'name' 和 'age' 参 数给我 ! <(*￣▽￣*)/",
         "code": 1,
         "info": { 
         "msg": "这是你带来的参数, 我还返回给你, 让你看看, 证明你带过来了", 
         "name": "asd", 
         "age": "11" 
         } 
     }

图片.png

1 请求地址
    /test/fourth 
2 请求方式 
    post 
3 携带参数 
    application/x-www-form-urlencoded 格式传递

图片.png

4 响应数据 
    json 格式数据
    { 
        "message": "我接收到了你的请求, 你的请求方式是 POST, 并且正确携带了 'name' 和 'age' 参数给我 ! <(*￣▽￣*)/",
        "code": 1, 
        "info": { 
        "msg": "这是你带来的参数, 我还返回给你, 让你看看, 证明你带过来了",
        "name": "133",
        "age": "22"
        } 
    }

图片.png