2017-02-25 101 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

相關問題