认识 前后端交互

---

一、认识前后端交互

二、前后端交互方式——Ajax

代码如下（示例）：

        // 1。创建ajax 对象
        var xhr = new XMLHttpRequest()
        // 2.配置本次的请求信息xhr.open('GET','http://localhost:8888/test/second', true)
        // 3.配置请求完成的事件
        xhr.onload = function () {
        // 当后端返回的是 json 式字符串的时候，我们需要进行单独的解析
        // 语法: JsoN.parse(json格式字符串)// 返回值: 解析好的 js 式的数据
        var res = JSON.parse(xhr.responseText)
        console.log(res)
        }
        // 4发送出去
        xhr.send( )

三、GET和POST请求

3.1 GET

代码如下（示例）：

3.2 POST

代码如下（示例）：