如何發送JSON字符串，而不是URL字符串

Question

<form id="msform" action="AN HTTP to AGENT" method="post"> 

如果我發佈這些形式發送JSON的服務：

$("#msform").submit(function(){ 


// construct an HTTP request 
    var xhr = new XMLHttpRequest(); 
    xhr.open(form.method, form.action, true); 
    xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8'); 

    // send the collected data as JSON 
    xhr.send(JSON.stringify($('#msform').serializeObject())); 

    xhr.onloadend = function() { 
    // done 
    }; 

}); 

但在我的數據庫中，我能看到這樣的信息：

customerName=a&email=asd%40asd.com&phoneNumber=a&orderReference=a&item1=&amount1=&item2=&amount2=&item3 

我最終想保存這一點，像這樣：

{"customerName":"asd@asd.com","email":"asd@asd.com", 
    "phoneNumber":"asd@asd.com","orderReference":" 

我的問題是：

1. 我該怎麼做？
2. 區別是什麼？

Answer 1

您可以使用包裝器對象來放置所有數據嗎？因此，我們可以URL編碼日期前發送，然後在服務器端沒有數據丟失

data = $('#msform').serializeObject(); 
var res = encodeURI(JSON.stringify(data)); 
var wrapper = new Object(); 
wrapper.content = res; 
xhr.send(JSON.stringify(wrapper)); 

： 1）抓住你的數據封裝爲GET變量。 2）解碼URL 3）現在你有JSON數據

Answer 2

這是有問題的線路或者說你誤解的原因

// send the collected data as JSON 
    xhr.send(JSON.stringify($('#msform').serializeObject())); 

時序列化在jQuery的形式

你打開包含輸入字段到獲取查詢參數，這就是你發送到你的數據庫。要將其轉換爲您可以在Ajax調用中使用的jSON對象，只需執行如下所示的操作即可。

var data = $('#msForm').serialize(); 
function objectify(data){ 
    var finalObj = {} 
    var result = data.split('&').map(function(stringObj){ 
     var objectForm = {}; 
     var pair = stringObj.split("="); 
     objectForm[pair[0]] = pair[1]; 
     return objectForm 
    }) 
    result.forEach(function(obj){ 
     for(var prop in obj){ 
      finalObj[prop] = obj[prop] 
     } 
    }) 
    return finalObj 
} 

然後只是JSON.stringify通過調用「objectify」返回的結果。但我相信有很多圖書館可以做得很好。我不是一個huje jquery的人。

希望可以幫到