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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用POST通过AJAX将HTML表行传递给PHP，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1522字，纯文字阅读大概需要3分钟。

内容图文

我有一个带有包含查询结果的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所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端