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实现from表单封装成json对象

经常会有这样的需求,就是使用ajax异步提交表单数据,我们往往会将他们封装成json发送。 那么如何简单而又快速的将表单封装成json呢? 我们先来看jquery给我们提供的一个方法:serializ...
  • jiang_2992
  • jiang_2992
  • 2017年03月22日 12:14
  • 1281

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

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

将form表单封装成对象

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

【jQuery】jQuery的serializeArray封装表单数据为JSON并提交到SpringMVC服务器

表单 userId: 是否默认地址:...
  • White_Idiot
  • White_Idiot
  • 2017年08月22日 15:58
  • 442

将数据封装为Json数据格式

1. List集合转换成json代码 List list = new ArrayList(); list.add( "first" ); list.add( "second" ); JSONArray...
  • wangyang1354
  • wangyang1354
  • 2015年11月09日 11:19
  • 14826

如何将数据封装为JSON包

java中将数据封装为JSON包,可以使用java提供的jsonArray这个工具类进行转换,代码如下: package com.json; import java.io.IOException;...
  • han_ying_ying
  • han_ying_ying
  • 2016年10月31日 18:58
  • 1283

js将form内的表单序列化为json字符串、数组、对象

序列化为字符串 var params1 = $(#myform).serialize();//name=zhangsan&sex=1&age=20 序列化为数组 $(#myform).ser...
  • hanqingsong412
  • hanqingsong412
  • 2015年11月26日 08:48
  • 5608

java 各种类型数据,集合对象封装 成json

Java代码转换成json代码 1.       List集合转换成json代码 List list = new ArrayList(); list.add( "first" )...
  • god123209
  • god123209
  • 2011年08月31日 16:12
  • 8345

js封装from表单数据为json串进行ajax提交

json封装代码 function getFormJson(frm) { //frm:form表单的id var o = {}; var a = $("#"+fr...
  • qq_20954959
  • qq_20954959
  • 2017年01月05日 20:41
  • 847

关于将基于Doc/View结构的EXE程序封装成OCX的一些经验

    首先要解释一下,本人是新手,这篇文章写的是我在工作后的第一项目中遇到的问题。本文是基于msdn中的“Design ActiveX Components with MFC Document/Vi...
  • chrysanth
  • chrysanth
  • 2005年10月18日 22:37
  • 1661
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery自动将form表单封装成json
举报原因:
原因补充:

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