Home > Web Front-end > JS Tutorial > Specific implementation of jquery automatically encapsulating form form into json_jquery

Specific implementation of jquery automatically encapsulating form form into json_jquery

WBOY
Release: 2016-05-16 16:55:27
Original
1064 people have browsed it

前端页面:

复制代码 代码如下:















姓名:



联系手机:



密码:



id="butsubmit" />


//提示到服务器
$(function () {
$("#butsubmit").click(function () {
var data = $("#tf").serializeArray(); //自动将form表单封装成json


// $.ajax({
// type: "Post", //访问WebService使用Post方式请求
// contentType: "application/json", //WebService 会返回Json类型
// url: "/home/ratearticle", //调用WebService的地址和方法名称组合 ---- WsURL/方法名
// data: data, //这里是要传递的参数,格式为 data: "{paraName:paraValue}",下面将会看到
// dataType: 'json',
// success: function (result) { //回调函数,result,返回值
// alert(result.UserName result.Mobile result.Pwd);
// }
// });

$.post("/home/ratearticle", data, RateArticleSuccess, "json");
});
})



//结果显示

function RateArticleSuccess(result) {
alert(result.UserName result.Mobile result.Pwd);
}


后端处理:
复制代码 代码如下:

public JsonResult ratearticle(UserInfo model)
{
return Json(model);
}

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template