如何从Javascript函数调用Ajax_Javascript

如何从Javascript函数调用Ajax

javascript

如何从Javascript函数调用Ajax,javascript,Javascript,我在html表中的中有一个删除按钮，它附带了onclick（）函数。如何从这个函数调用ajax，也就是说，我想获取中的值并发布到URL <script> function deleteRow(btn) { var row = btn.parentNode.parentNode; id = row.cells[0].textContent; //call ajax, pass id as d

我在html表中的

中有一个删除按钮，它附带了

onclick（）

函数。如何从这个函数调用ajax，也就是说，我想获取

中的值并发布到URL

    <script>
        function deleteRow(btn) {
            var row = btn.parentNode.parentNode;
            id = row.cells[0].textContent;
            //call ajax, pass id as data
        }
    </script>

  <body>
    <table>
      <tr>
        <th>Id</th>
        <th>Lastname</th>
        <th>Firstname</th>
        <th></th>
      </tr>
      <tr>
        <td>122</td>
        <td>Jackson</td>
        <td>Evans</td>
        <td><button type="button" onclick="deleteRow(this)">Delete row</button></td>
      </tr>
    </table>
  </body>


函数deleteRow（btn）{
var row=btn.parentNode.parentNode；
id=行。单元格[0]。文本内容；
//调用ajax，将id作为数据传递
}
身份证件
姓氏
名字
122
杰克逊
埃文斯
删除行

你可以在这里使用一些东西。按照JavaScript部分的注释进行操作：

//在文档加载时运行。
$（函数（）{
//去拿按钮，不要太显眼，可能还有更多。
//执行此单击事件。
$（“.del btn”）。单击（函数（）{
//启动AJAX调用。
$.post（“/path/to/delete”，{id:$（this）.closest（“tr”）.find（“td:first”）.text（）}，函数（）{
$（this.recessed（“tr”）.fadeOut（）；
});
});
});

身份证件
姓氏
名字
122
杰克逊
埃文斯
删除行
我不想直接给出答案。使用jquery的示例代码如下：
$("selector").click(function(){
    $.post("/your/path", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

你能用jQuery吗？不用jQuery也可以。看起来你做的研究不多。网上有无数这样的例子。您是否尝试过提出AJAX请求？如果是这样，请将您的尝试添加到问题中。Google是您最好的朋友：Dupe，如果问题不太广泛：或者对数据使用DOM元素是一种反模式，我宁愿建议将数据传递给方法，或者使用数据属性。您正在对执行删除操作的服务的性质进行一些重大假设。如果它是RESTful服务，那么方法将是DELETE，而不是POST。也许你可以等到问题澄清后再回答？是的@MikeMcCaughan@Sid同意使用data-*
属性是使用它的好方法。我在答案中更新了它，也给了你应得的分数，老板。再看看我之前的评论。谢谢。这仍然是一个糟糕问题的答案。您基本上已经为他们编写了OP的代码，并回答了许多其他问题的副本。我从来没有说过你的代码不起作用，但我确实要求你等到问题得到澄清。因此，你做了一个猜测，结果一目了然，并使该网站的副本更加混乱。祝贺