是否可以通過POST使用javascript多次發送一個變量？

Question

讓我解釋一下爲什麼我需要這樣做！

我需要請求發送到另一臺服務器，它的格式是這樣的：

http://www.test.ccom/process?item=1AAA&item=2BBB&item=3CCC

此URL將新增3個不同的項目（每一個）的結果頁面，如下所示：

Item = 1AAA Count=1 
Item = 2BBB Count=1 
Item = 3CCC Count=1 

如果我想補充一點，3只是一個項目，我應該用這樣的：

http://www.test.ccom/process?item=1AAA&item=1AAA&item=1AAA

而結果頁面將是這樣的：

Item = 1AAA Count=3 

我的問題是我不能使用GET方法（因爲我們要添加100個項目超過發送我的請求，它會導致「請求-URI太大「錯誤）

我使用兩種不同的方法通過POST發送此請求，但沒有成功。

首先，我用這個功能：

function post_by_form(path, params) { 

    // The rest of this code assumes you are not using a library. 
    // It can be made less wordy if you use one. 
    var form = document.createElement("form"); 
    form.setAttribute("method", "post"); 
    form.setAttribute("action", path); 
    form.setAttribute("style", "display: none") 

    for(var key in params) { 
     var hiddenField = document.createElement("input"); 
     hiddenField.setAttribute("type", "hidden"); 
     hiddenField.setAttribute("name", "item"); 
     hiddenField.setAttribute("value", params[key]); 

     form.appendChild(hiddenField); 
    } 

    document.body.appendChild(form); 
    form.submit(); 
} 

它的工作原理，當我用不同的變量名稱（NAME =「項」 +鍵）進行測試，但是當我使用一個變量名，這是行不通的所有的投入。

然後我用這個功能通過AJAX發送POST請求：

function post_by_ajax(path, params_arr){ 
    var http = new XMLHttpRequest(); 
    var url = path; 

    var params = ""; 
    for(var key in params_arr) { 
     if (params != "") 
      params += "&item="+params_arr[key]; 
     else 
      params += "item="+params_arr[key]; 
    } 

    http.open("POST", url, true); 

    //Send the proper header information along with the request 
    http.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    http.setRequestHeader("Content-length", params.length); 
    http.setRequestHeader("Connection", "close"); 

    http.onreadystatechange = function() {//Call a function when the state changes. 
     if(http.readyState == 4 && http.status == 200) { 
      alert(http.responseText); 
     } 
    } 
    http.send(params); 
} 

同樣的結果，無論這個方法會返回只有一個數量只是一個項目（最後一個）......雖然我們可以提交一個帶有很多輸入字段的表單，並且都使用相同的名稱，爲什麼我不能用這些方法來完成它？我在邏輯上有什麼問題嗎？！有人能幫幫我嗎？！

Answer 1

使用Firefox與TamperData插件，而只是有四個字段都指定爲<input type="text" name="item">我可以看到POST數據確實發送變量都命名爲「項目」但每個不同值的形式。

然後由接收服務器來做一些合理的事情。大多數系統只會使用一個發送的四個值（可能是第一個，也可能是最後一個），但如果已經有一個服務器正確處理了http://www.test.ccom/process?item=1AAA&item=1AAA&item=1AAA，那麼您添加的多個字段都應該是「item」。

如果情況並非如此，那麼您需要編寫一些東西來處理服務器上的問題 - 無法使用JavaScript編碼。這將涉及到獲取整個POST主體並自己處理它，因爲大多數服務器端框架（如我所說）通常只使用其中一個值。

您可以使用TamperData或類似的東西來捕獲HTTP數據流，並查看您現在使用的JavaScript實際傳輸的內容。

---

因此，最終，你的問題的答案是「可以通過POST使用JavaScript多次發送一個變量嗎？」是是的，這是可能的。

Answer 2

如果您傳遞所有具有相同名稱的變量，例如：'item'，那麼請求處理程序無法區分它們。這就是爲什麼你只能獲得1個元素。嘗試將元素重命名爲item1 =值& item2 =值& item3 =值。

如果你傳遞100個元素，那麼你一定要使用post方法。名稱問題將存在於發佈和獲取中，因此請確保所有項目的命名均不相同。