用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发送参数

回答

相关问题