2017-02-25 104 views
0

我正在使用WampServer在本地主机上开发WordPress网站。无法在WampServer本地主机上运行JQuery AJAX POST

我有一个自定义的js文件,custom-js.js,位于C:\wamp64\www\wordpress\wp-content\themes\my-theme\js

当投上一票了用户点击按钮,我想通过AJAX发送产品ID的PHP文件,我可以编辑投票文件在我的SQL数据库中计数。我也想显示一条消息给用户。在PHP文件名为script.php,位于C:\wamp64\www\wordpress\wp-content\themes\my-theme\js\ajax

我在custom-js.js文件的代码如下所示:

$(function() { 

     $(".product-vote-button-up").click(function(){ 
      var productID = $(this).attr('productID');  

      var request = $.ajax({ 
       url: "/ajax/script.php", 
       type: "POST", 
       data: {id : productID}, 
       dataType : 'json', 
      }); 

      request.done(function() { 
       $("#product-" + productID + " .item-product-footer-vote-container").html('Thanks for your vote!'); 
      }); 

      request.fail(function(jqXHR, textStatus) { 
       alert("Request failed: " + textStatus); 
      }); 
     }); 

    }); 

该代码总是给我一个错误消息localhost says: Request failed:error

我不知道如果我写url:的路径的方式很好,并且这是我无法获得成功请求的原因。我的PHP脚本的路径是相对于js文件的路径。我是否需要执行任何类型的自定义配置以在本地服务器上运行AJAX?

回答

-1

错误方向的线。使用/ajax/script.php

如果路径http://localhost/mywebsite使用/mywebsite/ajax/script.php

+0

改变的线方向,并没有改变的响应。仍然出现错误。 – LaGuille

+1

@LaGuille打开开发者控制台,转到网络并查看请求。 http://commandlinefanatic.com/cgi-bin/showarticle.cgi?article=art034 – grinat

+0

好吧,它寻找'http // localhost/ajax/script.php',但脚本文件不在这个目录中。任何方式有相对于我使用的js文件的url路径? – LaGuille

相关问题