Question

我有一个页面可以在其中找到一个链接，当点击该链接时，它应该在数据库中保存一些数据。

此外，我有一个名为“add.php”的文件，它与数据库通信并运行良好。

在我的wordpress页面中，我添加了以下用于访问add.php文件的代码并向其发送一些参数。

<a href="javascript:add(true);" >Click Me</a>
<script type="text/javascript">
function add(b){
$(document).ready(function(){
        var result = $.ajax({
              type: "POST",
              url: "add.php",
              data: { add: b }

            });

            result.done(function(msg) {
            alert(msg);
            });

            result.fail(function(jqXHR, textStatus) {
            alert( "No such data exists: " + textStatus );
            });
    });
}
</script>

我在html文件中有这个确切的代码，它运行顺利。但它不适用于wordpress页面。另外，问题是，当我点击链接时 - 单击我 - 它什么也没做。

请告诉我问题出在哪里以及如何解决？

Answer 1

我建议你使用它：

<a href="#" data-add="true" class='hitClick'>Click Me</a>
<!--use data* attributes to pass specific data -->

现在在您的函数中：

function add() {
  event.preventDefault(); //<------make sure to add it.
  var result = jQuery.ajax({
    type: "POST",
    url: "add.php",
    data: {
      add: jQuery(this).data('add')
    }

  });

  result.done(function(msg) {
    alert(msg);
  });

  result.fail(function(jqXHR, textStatus) {
    alert("No such data exists: " + textStatus);
  });
}

jQuery(document).ready(function(){
    jQuery('.hitClick').on('click', add); // bind the click and use as callback
});

将word功能添加到wordpress页面

1 个答案: