一、AJAX

　　引用jquery：

1 <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

　　構造json:

 1     var sendData = {
 2         forgetType:flag,
 3         loginID:recevData.loginID,
 4         contactType:contactType,
 5         countryCode:countryCode,
 6         areaCode:areaCode,
 
 7         phone:phone,
 8         email:email,
 9         token:recevData.userInfo.token,
10         purpose:purpose,
11     };

　　傳值：　　

 1 function testAjax() {
 2  
 3     varusers=[{name:‘張三‘,   age:‘21‘, birth:‘1994-12-12‘},
 4               {name:‘李四‘,   age:‘20‘, birth:‘1995-12-11‘},
 5               {name:‘wangwu‘, age:‘20‘, birth:‘1995-12-11‘}];
 
 6  
 7     $.ajax({
 8  
 9         type:‘POST‘,
10  
11         data:JSON.stringify(users),
12  
13         contentType :‘application/json‘,
14  
15         dataType:‘json‘,
16     
17         url :‘user/saveJsonUser.do‘,
18  
19         success :function(data) {
20  
21             alert("OK");
22  
23
 
         },
24  
25         error :function(e) {
26  
27             alert("error");
28  
29         }
30  
31     });
32  
33 }

　　後臺處理：

　　　　用到springmvc這裏參數中要加上@RequestBody，@RequestBody將HTTP請求正文轉換為適合的HttpMessageConverter對象

 1 @RequestMapping(value="/saveJsonUser.do",method=RequestMethod.POST)  
 2   
 3 public Map saveJsonUser(@RequestBody User[]users){  
 4   
 5     for(Useru:users){  
 6    
 7         System.out.println(u.getName()+"  "+u.getAge()+"  "+u.getBirth());  
 8   
 9     }  
10   
11     Map result=newHashMap();  
12   
13     result.put("success","123");  
14   
15     return result;  
16   
17 }

二、通過dom獲取標簽，觸發標簽的submit方法，直接提交數據到後臺　

 1 function query() {
 2  
 3     var inputs = document.getElementsByName("sex");//對象是單選選項
 4  
 5     for(var i = 0; i < inputs.length; i++) {
 6  
 7         if(inputs[i].checked) {//是否選中
 8   
 9             varsex = inputs[i].value;
10  
11             document.getElementById("query").action = projectName+"/query.do?currentPage=1&stsex="+ sex;
12  
13             break;
14  
15         }else{
16  
17             document.getElementById("query").action = projectName+"/query.do?currentPage=1";
18  
19         }
20  
21     }
22  
23     document.getElementById("query").submit();//提交到後臺
24  
25 }

三、簡單的<a>

　　<a href="xxx.xxx?username=‘liufukin‘">請求服務器</a>

四、常用的<form>

1 <form action="xxx.xxx" method="post/get">
2     用戶名：<input type="text" name="username">
3     密碼：<input type="password" name="userpwd">
4     <input type="submit" value="提交">
5 </form>

五、在action中請求後臺的方法。但是如果數值在傳給後臺之前需要校驗，可以在form中的onsubmit調用js方法進行校驗，js方法的返回值為true時，觸發action，返回false時，action不起作用。

1 <form action="/test" onsubmit="myFunction()">
2   輸入名字: <input type="text" name="name">
3   <input type="submit" value="提交">
4 </form>

提交數據到後臺的方法