XMLHttpRequest对象方法与$ajax()、$.get() 、$.post()方法

1.通过XMLHttpRequest对象从控制器中获取person数据

 2.通过XMLHttpRequest对象向我们的控制器中提交表单数据

第一种方法如图：

第二种方法如图：

3.通过jQuery里面的方法实现异步

从控制器中获取数据

Ajax获取数据

$(“#btnAjaxGetData”).click(function(){

$ajax({

     type:”get”.

     url:”/Ajsx/PersonData”

     datatype:’json’,

     success:function(data)(返回回来的data是一个json格式的字符串，data=json.parse（data）；，json.parse（data）将json格式的字符串转换成js对象data js对象){

        $(“#txtNAme”).val(data.name);

        $(“#cboSex”).val(data.sex);

        $(“#txtAddress”).val(data.address);

}

})

})

将视图的表格数据提交到控制器中

 如图两种方法：

.get()方法（取得其中一个匹配的元素。 num表示取得第几个匹配的元素。从0开始，返回的是DOM对象，类似的有eq(index),不过eq(index)返回的是jQuery对象。这能够让你选择一个实际的DOM 元素并且对他直接操作，而不是通过 jQuery 函数。$(this).get(0)与$(this)[0]等价。）

通过$.get()方法从控制器中获取数据

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

            //$.get(url,callback)

            $.get("/Ajax/PersonData", function (data) {

                //data 控制器中PersonData方法返回的一个json格式的字符串

                console.log(data);

                //JSON.parse(json格式的字符串) 转换为js对象

                data = JSON.parse(data);

                $("#txtName").val(data.name);

                $("#cboSex").val(data.sex);

                $("#txtAddress").val(data.address);

            });

通过$.post()方法从控制器中获取数据

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

            $.post("/Ajax/PersonData1", function (data) {

data 控制器中PersonData方法返回的一个json格式的字符串

                console.log(data);

JSON.parse(json格式的字符串) 转换为js对象

                data = JSON.parse(data);

                $("#txtName").val(data.name);

                $("#cboSex").val(data.sex);

                $("#txtAddress").val(data.address);

            });

        });

 通过$.post()方法将试图中的form表单数据提交到控制器的方法中

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

            var formData = $("#frm").serializeArray();

            $.post("/Ajax/getDataByEntityClass", formData, function (msg) {

                console.log(msg);

            });

        })