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

  • Post author:
  • Post category:其他



概述

通过远程 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);

            })

        })



版权声明:本文为HG13542386794原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。