使用jquery从控制器中获取数据、将视图的表单数据提交到控制器中以及$get,$post方法。
获取按钮绑定点击事件
$.ajax() 通过 HTTP 请求加载远程数据。
type: "post",//get post请求的类型 :GET 或POST
url: "/lxi/PersonData",文件在服务器上的位置
dataType: 'json',//返回json数据 *js对象*
通过dataType选项还可以指定其他不同数据处理方式。除了单纯的XML,还可以指定 html、json、jsonp、script或者text
success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串
$("#txtName").val(data.name);
$("#cboSex").val(data.sex);
$("#txtAddress").val(data.address);
获取input设置val。
error 在请求出错时调用。传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话)
将视图的表单数据提交到控制器中
获取按钮绑定点击事件
var strData = $("#frm").serialize();
serialize() 将表格内容序列化为字符串
serializeArray() 将表格内容序列化为数组。
$.ajax({
typr: "post",
url: "/lxi/GetData",
data:strData,
success: function (msg) {
console.log(msg);
}
})
使用$.ajax(),请求post,绑定文件在服务器上的位置
Data:发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 "&foo=bar1&foo=bar2"。
$get方法
一通过$.get()方法从控制器中获取数据
$get通过远程 HTTP GET 请求载入信息
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
$.get(url,[data],[fn],[type]);
url:待载入页面的URL地址
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default
$.get(),里面写入控制器的路径,接一个回调函数,然后设置input的val值。
最后面的“json”可以把data的对象转换为js对象,如果不写的话,再前面可以写data = JSON.parse(data);代替
二通过$.get()方法将视图中的form表单数据提交到控制器的方法中
$.get("/lxi/getDataByEntityClass", {
name: txtName,
sex: cboSex,
address: txtAddress
}, function (msg) {
alert(msg)
});
"/lxi/getDataByEntityClass",:待载入页面的URL地址
{ name: txtName,sex: cboSex,address: txtAddress}:待发送的参数。
function (msg) {alert(msg)}):载入成功时回调函数。
$.post
一通过$.post()方法从控制器中获取数据
$.post通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
url,[data],[callback],[type]
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
这个和前面get方法从控制器中获取数据基本上差不多,这里使用的data = JSON.parse(data); //转换为js对象。
二通过$.post()方法将视图中的form表单数据提交到控制器的方法中
获取按钮绑定点击事件,
将表格内容序列化为数组。用$post方法,接发送请求的路径,接待发送的表单数据。接发送成功时回调函数。