jquery自动将form表单封装成json

 


       
           
               
               
               
               
               
               
           
           
               
           
       

                    姓名:
               

                   
               

                    联系手机:
               

                   
               

                    密码:
               

                   
               

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

 

 

action处理

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

你可能感兴趣的:(jquery自动将form表单封装成json)