Question

我有一个普通按钮，该按钮触发一个基本功能，该功能将HTML中的元素值打印到控制台。

现在，我不想打印该元素的值，而是希望通过POST请求将其发送到Django视图。

功能如下：

$(document).on('click','.btnClick', function() {
   var myvalue = $(this).data("myid");
   console.log(myvalue);
});

在这里，我不想打印该值，而是希望使用Ajax向myvalue发送发帖请求。

我知道如何执行POST请求，唯一的区别是这一次，我不是使用表单，而是使用单个按钮触发请求，而我对此并不习惯。

这是我要使用表单的方式：

$(document).ready(function () {
  $("#myform").submit(function (event) {
    $.ajax({
      type: "POST",
      url: "/myurl/",
      data: {
        'myvalue': $('id').val()
      },
    });
    return false;
  });
});

因此，基本上，我只需要知道如何将这段代码集成到第一个函数中，以便Ajax调用不是通过表单（就像在第二个代码中那样）而是通过按钮触发的。

Answer 1

只需将jquery ajax函数放入click事件函数中即可。

$(document).on('click','.btnClick', function() {
   var myvalue = $(this).data("myid");
   $.ajax({
      type: "POST",
      url: "/myurl/",
      data: {
        'myvalue': myvalue
      },
    });
});

希望这会有所帮助。

单击按钮发送带有Ajax的POST请求

1 个答案: