$.get(url,[data],[fn],[type]) 的使用

概述

     通过远程 HTTP GET 请求载入信息。

       这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。

       jQuery 1.12 中 jQuery.post 和 jQuery.get 支持对象参数，这样一来好处还比较多，比如设置回调函数的context，或者跨域 post 时可以withCredential: true。用法可以参考最后一个示例。

 

参数 ：url,[data],[callback],[type]    

       url:待载入页面的URL地址

       data:待发送 Key/value 参数。

       callback:载入成功时回调函数。

       type:返回内容格式，xml, html, script, json, text, _default。

例  ：

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

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

            //$.get(url,callback)

            //function (data) function() 回调函数  data 参数

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

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

                console.log(data);

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

                data = JSON.parse(data);

               //val()是一个方法  value是一个属性

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

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

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

            }); //在这加json可以把字符串转换为对象   }，“json”）；

   });

主要代码：

点击按钮后在控制台输出

                     JSON格式的字符串

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

       

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

            var txtName = $("#txtName").val();

            var cboSex = $("#cboSex").val();

            var txtAddress = $("#txtAddress").val();

           

            $.get("/Ajax/getDataByEntityClass", {

                name: txtName,

                sex: cboSex,

                address: txtAddress

            }, function (msg) {

                alert(msg);

            });

        });

通过$.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);

            })

        })