ajax

js. 
$.ajax({
 2                 url: "http://localhost:5311/UserService.asmx/GetLoginId",
 3                 type: "POST",
 4                 contentType: "application/json",
 5                 data: '{"loginId": "a"}',
 6                 dataType: "json",
 7                 beforeSend:function (){
 8                     alert("准备调用");
 9                 },
10                 success: function (e) {
11                     window.alert("调用成功");
12                 },
13                 error:function  (){
14                     alert("发生错误");
15                 }
16             });




#############
2。假如现在有这样一个表单，是添加元素用的。
<form id='addForm' action='UserAdd.action' type='post'>
     <label for='uname'>用户名</label>：<input type='text' name='uname' id='uname'><br>
     <label for='mobileIpt'>手机号：</label><input type='text' name='mobileIpt' id='mobileIpt'><br>
     <label for='birthday'>生日：</label><input type='text' name='birthday'><br>
     <input type='button' value='提交' onclick='addUser()'>
</form>
我们不想使用表单submit的方式添加这个元素，我们就想使用ajax提交。


以前我们是这样实现的：
function addUser(){
        var user = {
            uname:$("#uname").val(),
            mobileIpt:$("#mobileIpt").val(),
            birthday:$("#birthday").val()
        };
        $.ajax({
            url:'UserAdd.action',
            data:user,
            type:'post',
            dataType:'text',
            success:function(msg){
                if(msg=='1'){
                    console.log('添加成功');
                }else{
                    console.log('添加失败')
                }
            }
             
        })
    }
序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。
注意，此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。
返回的JSON对象是由一个对象数组组成的，其中每个对象包含一个或两个名值对——name参数和value参数（如果value不为空的话）。