現在的JS框架將ajax請求封裝得非常簡單,例如下面:

1. $.ajax({  
2.         type: "POST",  
3.         url: "some.php",  
4.         data: { name: "John", location: "Boston" }  
5.     }).done(function( msg ) {  
6.         alert( "Data Saved: " + msg );  
7.     });  

1. var params = '';  
2. params += 'key1='+obj.key1;  
3. params += 'key2='+obj.key2;  
4. params += 'key3='+obj.key3;  
5. params += 'key4='+obj.key4;  
6. ...  

不用說太多,痛苦啊,就像苦力,一點也體會不到程式設計師高大上的感覺.或許,我們可以這樣

1. var params = urlEncode(obj);  

1. var parseParam=function(param, key){  
2.     var paramStr="";  
3.     if(param instanceof String||param instanceof Number||param instanceof Boolean){  
4.         paramStr+="&"+key+"="+encodeURIComponent(param);  
5.     }else{  
6.         $.each(param,function(i){  
7.             var
    k=key==null?i:key+(param instanceof Array?"["+i+"]":"."+i);  
8.             paramStr+='&'+parseParam(this, k);  
9.         });  
10.     }  
11.     return paramStr.substr(1);  
12. };  

1. //test
2. var obj={name:'tom','class':{className:'class1'},classMates:[{name:'lily'}]};  
3. parseParam(obj);  
4. //output: "name=tom&class.className=class1&classMates[0].name=lily"
5. parseParam(obj,'stu');  
6. //output: "stu.name=tom&stu.class.className=class1&stu.classMates[0].name=lily"

1. /** 
2.  * param 將要轉為URL引數字串的物件 
3.  * key URL引數字串的字首 
4.  * encode true/false 是否進行URL編碼,預設為true 
5.  *  
6.  * return URL引數字串 
7.  */
8. var urlEncode = function (param, key, encode) {  
9.   if(param==null) return'';  
10.   var paramStr = '';  
11.   var t = typeof (param);  
12.   if (t == 'string' || t == 'number' || t == 'boolean') {  
13.     paramStr += '&' + key + '=' + ((encode==null||encode) ? encodeURIComponent(param) : param);  
14.   } else {  
15.     for (var i in param) {  
16.       var k = key == null ? i : key + (param instanceof Array ? '[' + i + ']' : '.' + i);  
17.       paramStr += urlEncode(param[i], k, encode);  
18.     }  
19.   }  
20.   return paramStr;  
21. };  
22. var obj={name:'tom','class':{className:'class1'},classMates:[{name:'lily'}]};  
23. console.log(urlEncode(obj));  
24. //output: &name=tom&class.className=class1&classMates[0].name=lily
25. console.log(urlEncode(obj,'stu'));  
26. //output: &stu.name=tom&stu.class.className=class1&stu.classMates[0].name=lily