jQuery表单提交和后台交互

要求:仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件

方式1、取到页面控件的值后拼接放在data中,传递到后台

页面代码:




    纯Jquery表单和后台交互
    
    


    
姓名
密码

一般处理程序代码:

using System.Web;

namespace Test
{
    /// 
    /// Handler 的摘要说明
    /// 
    public class Handler01 : IHttpHandler
    {
        /// 
        /// 请求处理
        /// 
        /// 
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";

            // 方式1
            string userName = context.Request.Params["txtUserName"].ToString();
            string userPwd = context.Request.Params["txtUserPwd"].ToString();

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

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

方式2、页面序列化后放在data中,传递到后台

注:此种方式需设置页面控件的name属性

页面代码:




    纯Jquery表单和后台交互
    
    


    
姓名
密码

一般处理程序代码:

using System.Web;

namespace Test
{
    /// 
    /// Handler 的摘要说明
    /// 
    public class Handler02 : IHttpHandler
    {
        /// 
        /// 请求处理
        /// 
        /// 
        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;
            }
        }
    }
}



你可能感兴趣的:(javsscript)