表单序列化，jq中的serialize

最新推荐文章于 2022-08-08 09:45:23 发布

joyhen

最新推荐文章于 2022-08-08 09:45:23 发布

阅读量1.1w

点赞数

分类专栏： HTML Javascript 文章标签： serialize

本文链接：https://blog.csdn.net/Joyhen/article/details/19575215

版权

Javascript 同时被 2 个专栏收录

65 篇文章 1 订阅

订阅专栏

HTML

40 篇文章 0 订阅

订阅专栏

本文探讨了jQuery的serialize方法，该方法用于将表单数据转换为URL序列化字符串，便于发送到服务器。通过示例和相关资源链接，深入理解表单序列化的应用场景和实现方式。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="lib/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnSubmit").click(function () {
                $.ajax({
                    type: "post",
                    url: "Handler02.ashx",
                    data: $("#frmUserInfo").serialize(),
                    success: function (result) {
                        $("#msg").html(result);
                    }
                });

                return false;
            });
        });
    </script>
</head>
<body>
    <form id="frmUserInfo" action="#">
        <table>
            <tr>
                <td>
                    姓名
                </td>
                <td>
                    <input type="text" id="txtUserName" name="txtUserName" />
                </td>
            </tr>
            <tr>
                <td>
                    密码
                </td>
                <td>
                    <input type="password" id="txtUserPwd" name="txtUserPwd" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit" id="btnSubmit" value="提交" />
                </td>
            </tr>
        </table>
    </form>
    <div id="msg"></div>
</body>
</html>

 /// <summary>
    /// Handler 的摘要说明
    /// </summary>
    public class Handler02 : IHttpHandler
    {
        /// <summary>
        /// 请求处理
        /// </summary>
        /// <param name="context"></param>
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";

            // 方式2（对应表单序列化）
            string userName = context.Request.Form["txtUserName"].ToString();
            string userPwd = context.Request.Form["txtUserPwd"].ToString();

            context.Response.Write(string.Format("姓名：{0}，密码：{1}", userName, userPwd));
            context.Response.End();
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

var array=$("form1").serializeArray();//直接序列化为json数组
array['requestType']=type;//添加请求类型的键值
 
$.post("AddProductInfo.aspx",array,function(result){//直接把追加值之后的Json数组传过去就好了
   //pass
})
 
//在aspx页面直接使用this.Request.Form['键值']来获取至即可

ps：另参考http://blog.csdn.net/zhangdaiscott/article/details/18456215

joyhen

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
表单序列化，jq中的serialize

$(function () { $("#btnSubmit").click(function () { $.ajax({ type: "post", url: "Handler02.ashx", data: $("#frmU
复制链接

扫一扫