Question

我正在使用WampServer在本地主机上开发WordPress网站。

我有一个自定义的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？

Answer 1

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

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

无法在WampServer localhost上运行JQuery AJAX POST

1 个答案: