.AJAX

Ajax = 异步 JavaScript 和XML

1、运行原理

Ajax 相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。

 

 

2、实现步骤

1.  创建 Ajax 对象

2.  告诉 Ajax 请求地址以及请求方式

3.  发送请求

4.  获取服务器端给与客户端的响应数据

原生ajax

 //第一步:创建- -个XMLHttpRequet对象
            var xmlhttp = new XMLHttpRequest()
                //第二步:告诉浏览器请求的方式是什么，以及请求发送到哪儿
            xmlhttp.open("get", "http://127.0.0.1:8091", true)
                //第三步:设置响应服务器端数据处理
            xmlhttp.onreadystatechange = function() {
                //做数据处理
                document.getElementById("div1").innerHTML = xmlhttp.responseText
                    //第四步:发送请求.
            }

jquery/ajax

$(functon(){
  $("#id").click(function(){

    $.ajax({

     })
  })

})

 

 

 $(function() {
            $("#dtn").click(function() {
                 $.ajax({
                     type: "get",
                     url: " XML/student.json",
                     async: true,
                    dataType: "text",
                     success: function(data) {
                         var a = JSON.parse(data)
                        for (var i = 0; i < a.length; i++) {
                console.log(a[i].stuID)
                         }
                    }

                 })

            })
        })

URL：该参数用于指定HTTP请求的URL地址，可以是绝对URL，也可以是相对URL。

type：是什么类型，get  post

async:是异步请求

 dataType：响应的数据类型

 success: function(data)：请求成功时对数据的处理