什么是AJAX

AJAX

 就是运用Javascript 在后台悄悄帮你去跟服务器要资料，最后再由Javascript 或DOM 来帮你呈现结果，因为所有动作都是由Javascript 代劳，所以省去了网页重载的麻烦，使用者也感受不到等待的痛苦。

Ajax应用程序的核心就是XMLHttpRequest（它可以异步从服务器端获取txt或者xml数据）

区别

普通提交按钮：点击按钮向服务器发送POST请求，而且此时浏览器不能干其他事情。向服

务器发送POST请求返回的是整个HTML文档，然后浏览器接收HTML文档然后重新渲染，然后呈现出表单，所以导致浏览器刷新

AJAX：只需用JavaScript代码获取浏览器数据发送到服务器端就行了，服务端接收到数据进行处理，最后只需返回一个成功的标识，这样就避免了服务器的刷新（反映出优点：浏览器与服务器之间传递的数据量非常小，性能非常高）

如果出现错误，解决步骤：监视请求，如果请求已发送说明脚本正确。然后断电客户端代码调试

知识点：

var：定义变量

val()方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。

如何创建

传统的创建方式

1、创建对象：-new（叫助手过来）

2、创建请求：-open（告诉他要去做的事情）

如果是post请求要写 .setRequestHeader();

3、发送请求：-send（去吧）

项目中的方式

 $("#btnGet").click(function () {

                $.get("GetDate.ashx", { "name": "lisi", "pwd": "123" }, function (data) {

                    alert(data)

                });

            });

 

            $("#btnPost").click(function () {

                $.post("showDate.aspx", { "name": "lisi", "pwd": "123" }, function (data) {

                    alert (data)

                });

            });

            $("#btnAjax").click(function () {

                $.ajax({

                    type: "POST",

                    url: "GetDate.ashx",

                    data: "name=John&location=Boston",

                    success: function (msg) {

                        alert("Data Saved:" + msg);

                    }

                });

            });

 

回调函数

是数据从服务端返回来以后，自动调用的函数，这个方法没执行说明事情没干完

详细