JS 提交表单JSON数据格式的两种方法

方法1：

1. $(document).ready(function(){
   
2. 
   
3.     $("#submit").on('click', function(){
   
4. 
   
5.    var formData = {
   
6. 
   
7.                                 "dAddTS": $('input[name=dAddTS]').val(),
   
8.                                 "sName": $('input[name=sName]').val(),
   
9.                                 "shaoma": $('input[name=shaoma]').val(),
   
10.                                 "sgjc": $('input[name=sgjc]').val(),
    
11.                                 "iAdmin_Id": $('input[name=iAdmin_Id]').val(),
    
12.                                 "iRole": $('input[name=iRole]').val(),
    
13.                                 "dcl": $('input[name=dcl]').val(),
    
14.                                 "iAdmin_CS": $('input[name=iAdmin_CS]').val(),
    
15.                                 "iAdmin_zj": $('input[name=iAdmin_zj]').val(),
    
16.                                 "tgzh": $('input[name=tgzh]').val()
    
17.     };
    
18. 
    
19.        $.ajax({
    
20.         headers: {
    
21.             'Accept': 'application/json',
    
22.             'Content-Type': 'application/json'
    
23.         },
    
24.         url: '/345345345/xierudaima.asp',
    
25.         type : "POST",
    
26.         dataType : 'json',
    
27.         data : JSON.stringify(formData),
    
28.         success : function(result) {
    
29. 
    
30.             console.log(result);
    
31.         },
    
32.         error: function(xhr, resp, text) {
    
33.             console.log(xhr, resp, text);
    
34.         }
    
35.     })
    
36. });
    
37. });

复制代码

方法2：

1. 
   
2. <script type="text/javascript">
   
3.   $('register_form').on('submit', function(event){
   
4. 
   
5.     var obj = $('register_form').serializeJSON();
   
6. 
   
7.     $.ajax({
   
8.         type: 'POST',
   
9.         url: 'https://url.com/users/register',
   
10.         dataType: 'json',
    
11.         data: JSON.stringify(obj),
    
12.         contentType : 'application/json',
    
13.         success: function(data) {
    
14.             alert(data)
    
15.         }
    
16.     });
    
17. 
    
18.    return false;
    
19. });
    
20. </script>

复制代码

提交数据结果：