用ajax發送參數

我正在嘗試使用ajax將我從jsp中的表中獲取的參數發送到其他JSP。我用followinf函數來發送所有的值到JSP：給ajaxForm但我不知道爲什麼發送失敗我每次運行它：用ajax發送參數

這裏是JavaScript函數：

function editarow() { 
    var xhr = getXhr(); 
    xhr.onreadystatechange = function() { 
     if (xhr.readyState == 4 && xhr.status == 200) { 
      selects = xhr.responseText; 
      // On se sert de innerHTML pour rajouter les options a la liste 
      document.getElementById('prjsel').innerHTML = selects; 
     } 
    }; 

    var row, firstNameCell, lastNameCell; 
    var table = document.getElementById("sheet"); 
    var buttons = table.getElementsByTagName("button"); 
    for (var i = 0; i < buttons.length; i++) { 
     if (buttons[i].name == "edit") { 
      buttons[i].onclick = function() { 
       row = this.parentNode.parentNode; 

       // The first name cell is the first child 
       NameCell1 = findElement(row.firstChild); 
       NameCell2 = findElement(NameCell1.nextSibling); 
       NameCell3 = findElement(NameCell2.nextSibling); 
       NameCell4 = findElement(NameCell3.nextSibling); 
       NameCell5 = findElement(NameCell4.nextSibling); 
       NameCell6 = findElement(NameCell5.nextSibling); 
       NameCell7 = findElement(NameCell6.nextSibling); 

       // `innerHTML` pour obtenir la valeur 
       /*alert("name 1 is " + NameCell1.innerHTML); 
       alert("name 2 is " + NameCell2.innerHTML); 
       alert("name 3 is " + NameCell3.innerHTML); 
       alert("name 4 is " + NameCell4.innerHTML); 
       alert("name 5 is " + NameCell5.innerHTML); 
       alert("name 6 is " + NameCell6.innerHTML); 
       alert("name 7 is " + NameCell7.innerHTML);*/ 

      } 
     } 
    } 

    xhr.open("POST", "ajaxForm.jsp", true); 
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
    xhr.send("NameCell1="+NameCell1,"NameCell2="+NameCell2,"NameCell3="+NameCell3,"NameCell4="+NameCell4,"NameCell5="+NameCell5,"NameCell6="+NameCell6,"NameCell7="+NameCell7); 
}

我後從表格中獲取值我想將它們全部發送到ajaxForm.jsp。

來源

2010-05-24 kawtousse

從最後一行：

xhr.send("NameCell1="+NameCell1,"NameCell2="+NameCell2,"NameCell3="+NameCell3,"NameCell4="+NameCell4,"NameCell5="+NameCell5,"NameCell6="+NameCell6,"NameCell7="+NameCell7);

這不是來連接在JavaScript字符串的方式。

由於您使用的是JSP，所以您也應該瞭解Java。你應該將字符串在JavaScript中以同樣的方式，你會用Java做的事：

xhr.send("NameCell1=" + NameCell1 + ",NameCell2=" + NameCell2 + "etc...");

也就是說，這應該不過已經在JavaScript控制檯出錯。你注意到了嗎？無論如何，爲了更好地進行JavaScript調試，我建議您抓取Firebug，並且爲了減少冗長/不透明和更多交叉瀏覽器兼容的Ajax處理和HTML DOM遍歷，我強烈建議您查看jQuery。與jQuery和Ajax Form Plugin你本來準備只以下行：

$(document).ready(function() { 
    $('#formId').ajaxForm(function(response) { 
     $('#prjsel').html(response); 
    }); 
});

這樣你就不需要擔心瀏覽器的具體細節以及如何正確發送請求。

來源

2010-05-24 11:59:13 BalusC

send方法只需要一個參數。您無法轉換您的數據，因此它是一個application/x-www-form-urlencoded字符串。

即一組鍵和值（其中鍵和值全部用由＆符號分開的encodeURIComponent處理）

來源

2010-05-24 11:59:16 Quentin

用ajax發送參數

回答

相關問題