使用POST通过AJAX将HTML表行传递给PHP

大佬教程收集整理的这篇文章主要介绍了使用POST通过AJAX将HTML表行传递给PHP，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@L_489_0@一个带有包含查询结果的HTML表的页面.
在每一行的旁边,都有一个按钮,单击该按钮时,将显示一个带有小型HTML表单的灯箱,用户可以在其中输入评论.

当用户单击此表单上的Submit按钮时,它将随后发送该行中包含的数据(即,如果可能的话,将每个单元格值作为数组)以及对脚本的注释,该脚本将它们插入数据库中.

完成后,会出现一则小消息,提示用户,随着灯箱消失,用户可以返回表格.

我的问题是将数据传输到将对其进行处理的PHP脚本.
AJAX JavaScript可以正常运行,只是我不知道如何发送数据.

这是代码：

function getOutput() {
  //Get number of SELEcted table row
  var i = document.getElementById('rowclicked').value;
  //Get the table
  var table = document.getElementById('table');
  //Get the comment
  var comm = document.getElementById('comment').value;
  var ajax = getrequest();
  ajax.onreadystatechange = function(){
      if(ajax.readyState == 4){
          alert(ajax.responseText);
      }
  }
  ajax.open("POST", "functions_comm.PHP", truE);
  ajax.setrequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  //Only try to send the table row for Now
  ajax.send(table.rows[i]);
}

如果我在“ functions_comm.PHP”,“ alert(ajax.responseText);”中放入“ PHP echo” test“;”显示“测试”,以便该部分正常工作.
但是,如果尝试“ print_r($_ POST)”,它将返回一个空数组,我认为这意味着“ ajax.send(table.rows [i]);”未传递任何数据.

我如何将数据从表的第i行传递到PHP脚本？

谢谢.

解决方法:

>您无法发送DOMElement的实例.您只能发送一个字符串,因此,如果要发送该元素的文本,请使用其innerHtml属性.
>邮件正文应使用URL编码(当作为application / x-www-form-urlencoded发送时).

ajax.send(“ tableData =” encodeURI(table.rows [i] .innerHtml));;

大佬总结

以上是大佬教程为你收集整理的使用POST通过AJAX将HTML表行传递给PHP全部内容，希望文章能够帮你解决使用POST通过AJAX将HTML表行传递给PHP所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。