jquery自动将form表单封装成json

转载 2013年12月03日 14:34:26

jquery自动将form表单封装成json

4965人阅读 评论(2) 收藏 举报

 <form action="" method="post" id="tf">
        <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <th>
                    姓名:
                </th>
                <td>
                    <input type="text" id="txtUserName" name="model.UserName" />
                </td>
                <th>
                    联系手机:
                </th>
                <td>
                    <input type="text" name="model.Mobile" id="txtMobile" maxlength="11" />
                </td>
                <th>
                    密码:
                </th>
                <td>
                    <input type="password" name="model.Pwd" id="txtPwd" maxlength="11" />
                </td>
            </tr>
            <tr>
                <td style="text-align: center;" colspan="2">
                    <input type="button" value="  提  交  " style="padding-top: 3px;" name="butsubmit"
                        id="butsubmit" />
                </td>
            </tr>
        </table>
        </form>

 

 //提示到服务器

$(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);
        }

 

 

action处理

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

相关文章推荐

jquery自动将form表单封装成json

前端页面: 姓名: ...

将form表单里的数据封装成对象 json2.js的例子 jquery的serialize方法转换空格为+号的解决方法

将form表单里的数据封装成json对象即object,在后台中用usr就能接收全部参数了。可适用于strts2,easyUI的DataGrid 传参等 需要引用的js库有jquery 和  json...

javascript jquery将表单form序列化成json提交

终于解决将form表单序列化为json提交的问题,本来很简单,只怪自己当初没看懂~...

jQuery通过ajax获得后台json数据给form表单赋值

jQuery提供了load方法可以将数据加载到页面form表单中,但有时候我需要获取后台json数据中某个值时,又需要赋值整个form表单,load方法没有回调函数所以就不行了,如果用ajax调用的话...

Jquery实现页面加载自动提交form表单

Jquery在也页面加载完成后自动提交表单
  • bestcxx
  • bestcxx
  • 2016年01月12日 19:27
  • 3393

反射的应用 将form表单的数据自动封装为对象

我们经常做表单提交,然后把一大堆页面传过来的参数一一通过set方法赋值到对象中; 还经常遇到一个表单提交同一个类的多个对象, 甚至遇到:一个表单提交多种不同类的对象。   学习...

jquery form表单美化插件修订

  • 2013年12月13日 12:08
  • 115KB
  • 下载

将form表单封装成对象

通常,在提交字段较少的form中,我们可以在控制层直接用多字段参数去接收。但在字段较多,比如一个from表单中包含十几个甚至二十几个字段时,控制层再用单个字段来一个一个接收的话,参数就会非常多,并且代...

jquery-form 异步提交表单

  • 2015年07月28日 17:59
  • 89KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery自动将form表单封装成json
举报原因:
原因补充:

(最多只允许输入30个字)