使用jquery从控制器中获取数据、将视图的表单数据​​​​​​​提交到控制器中以及$get,$post方法。

使用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方法，接发送请求的路径，接待发送的表单数据。接发送成功时回调函数。