angularjs的post請求參數的轉換，使之跟ajax一樣參數供springMVC使用

一般情況下，angularjs的post格式是（我的模板）：

angularjs的請求方式是：

   
   
   
           

    
    
    
            
Content-Type: application/json
   
   
   
           

這樣傳過去的數據是這樣子的：如傳遞一個數組：圖中targetArr是數組

 真正的格式是json格式啊，springMVC不好接收的：

 展開來是這樣的，總之就是springMVC的@RequestParam所不能接受的類型：

這種情況下，先說說正常可以行得通，不用在js轉換格式的方式：用springMVC的@RequestBody去接受json數據，但是前提是，你得有一個javaBean的文件。例如，對應的數組，寫成：

然后就可以接收了，一般接收常用的數據庫class還是沒問題的，比如一個User對象

但是，如果我要傳進任何的阿貓阿狗不常用的數據呢，是不是都要這樣為它們創立class類？？

為了解決這個問題，還是應該轉為像jquery那樣的ajax傳參，然后@requestParam也好用。

ajax的傳參方式是這樣的：

    
    
    
            

     
     
     
             
Content-Type=“application/x-www-form-urlencoded"
    
    
    
            

然后一個數組的具體應該是這樣的：

 

如果是一個對象，應該是這樣的：

---

綜上：應該在angularjs中怎么轉換呢？網上查找了很多資料，沒幾個人說得清的，這里 牢騷一下，那些人有沒有分享精神的呢？

以下這段代碼是參考網上的，因為網上復制來復制去，具體也不知道原來的人是誰，感謝他吧。把他的代碼拿過來修改一下下。 app . config便是轉換。加上在js文件便是。

     
     
     
             

      
      
      
              
var app = angular.module("MyApp", []);
      
      
      
              

      
      
      
              
app.config(function ($httpProvider) {
      
      
      
              
 $httpProvider.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded';
      
      
      
              
 $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
      
      
      
              

      
      
      
              
 // Override $http service's default transformRequest
      
      
      
              
 $httpProvider.defaults.transformRequest = [function (data) {
      
      
      
              
 /**
      
      
      
              
 * The workhorse; converts an object to x-www-form-urlencoded serialization.
      
      
      
              
 * @param {Object} obj
      
      
      
              
 * @return {String}
      
      
      
              
 */
      
      
      
              
 var param = function (obj) {
      
      
      
              
 var query = '';
      
      
      
              
 var name, value, fullSubName, subName, subValue, innerObj, i;
      
      
      
              

      
      
      
              
 for (name in obj) {
      
      
      
              
 value = obj[name];
      
      
      
              

      
      
      
              
 if (value instanceof Array) {
      
      
      
              
 for (i = 0; i < value.length; ++i) {
      
      
      
              
 subValue = value[i];
      
      
      
              
 fullSubName = name + '[]';
      
      
      
              
 innerObj = {};
      
      
      
              
 innerObj[fullSubName] = subValue;
      
      
      
              
 query += param(innerObj) + '&';
      
      
      
              
 }
      
      
      
              
 } else if (value instanceof Object) {
      
      
      
              
 for (subName in value) {
      
      
      
              
 subValue = value[subName];
      
      
      
              
 fullSubName = subName;
      
      
      
              
 innerObj = {};
      
      
      
              
 innerObj[fullSubName] = subValue;
      
      
      
              
 query += param(innerObj) + '&';
      
      
      
              
 }
      
      
      
              
 } else if (value !== undefined && value !== null) {
      
      
      
              
 query += encodeURIComponent(name) + '='
      
      
      
              
 + encodeURIComponent(value) + '&';
      
      
      
              
 }
      
      
      
              
 }
      
      
      
              

      
      
      
              
 return query.length ? query.substr(0, query.length - 1) : query;
      
      
      
              
 };
      
      
      
              

      
      
      
              
 return angular.isObject(data) && String(data) !== '[object File]'
      
      
      
              
 ? param(data)
      
      
      
              
 : data;
      
      
      
              
 }];
      
      
      
              
});
     
     
     
             

---

好了，有了上面的那一段，就把angularjs的post，get請求傳參當jquery的那個方法進行吧。

這是js的angular的一個函數：傳參的：

然后，在springMVC端接收：

 好了，在這里獲取了，該干嘛就干嘛！！

 

 

 

來自為知筆記(Wiz)