Ajax方法

 

1、什么是Ajax函数呢，Ajax函数它就是一种创建快速动态网页的技术。Ajax通过在后台与服务器交换少量数据的方式，允许网页进行异步更新，这意味着有可能在不重载整个页面的情况下，对网页的一部分进行更新。

 

2、Ajax的使用它也有最原始的方法，而且它的代码也是固定的：Ajax异步方法请求一共有七步：

 

                     （1）：Ajax() 方法 执行异步Ajax请求

                     （2）：get()方法 使用Ajax的HTTP Get请求从服务器加载数据

                     （3）：Post()方法 使用Ajaxde HTTP Post请求从服务器加载数据

                     （4）：GetPost()方法 使用Ajax的HTTP Get请求从服务器加载Json编码的数据

                     （5）：load()方法 从服务器加载数据，并把返回的数据放置到指定的元素中

                     （6）：serialize()方法 编码表单元素集为字符串以便提交

                     （7）：serializeArray()方法 编码表单元素集为Names和Values的数组

 

document.getElementById("btnPost").addEventListener("click", function () {

            var xhr;

            if (window.XMLHttpRequest) {

                xhr = new XMLHttpRequest();

            } else {

                xhr = new ActiveXObject("Microsoft.XMLHTTP");

            }

            xhr.open("POST", "/JSON/postPersonInfor");//postPersonInfor1

            var data = "name=" + document.getElementById("txtName").value + "&sex=" + document.getElementById

                ("cboSex").value + "&address=" + document.getElementById("txtAddress").value;

            xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

            xhr.send(data); //获取提交的数据

            xhr.onreadystatechange = function () {

                if (xhr.readyState == 4 && xhr.status == 200) {

                    var txt = xhr.responseText;

                    document.write(txt);

                    //console.log(txt);

                }

            }

        });

这是执行后的效果。

3、Ajax还可以封装成函数来使用，它提交的方式也不难，它的用法跟Post的提交方式很类似：

$.ajax({

        url: "ModifyState?MedMesID=" + ckdata[i].MedMesID + "&ToVoidNo=" + bl,

        async: false,

        type: 'get',//数据传输通道的类型

        dataType: 'json',//传输的数据类型

        success: function (data) {

        if (data) {

                   Return++;

        }

     }

});