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