为wordpress页面添加javascript函数


Add javascript function to wordpress page

我有一个页面,它可以在其中定位一个链接,当单击该链接时,它应该会在数据库中保存一些数据。

此外,我有一个名为"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页面上不起作用。另外,问题是,当我点击链接"点击我"时,它什么也没做。

请告诉我问题出在哪里,如何解决?

我建议您使用这个:

<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
});