我正在使用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?
改变的线方向,并没有改变的响应。仍然出现错误。 – LaGuille
@LaGuille打开开发者控制台,转到网络并查看请求。 http://commandlinefanatic.com/cgi-bin/showarticle.cgi?article=art034 – grinat
好吧,它寻找'http // localhost/ajax/script.php',但脚本文件不在这个目录中。任何方式有相对于我使用的js文件的url路径? – LaGuille