2017-02-25 17 views
0

WampServerを使用してローカルホスト上でWordPress Webサイトを開発しています。WampServer localhostでJQuery AJAX POSTを取得できない

私はカスタムJSファイル、custom-js.js、ユーザーが投票アップボタンをクリックするとC:\wamp64\www\wordpress\wp-content\themes\my-theme\js

にあるファイルは、私は投票を編集できるPHPファイルにAJAXを経由して、製品のIDを送信したいしています私のSQLデータベースで数えてください。私はまた、ユーザーにメッセージを表示したい。 PHPファイルがscript.phpと呼ばれ、custom-js.jsファイルに私のコードC:\wamp64\www\wordpress\wp-content\themes\my-theme\js\ajax

に配置されて次のようになります。このコードは、いつも私にエラーメッセージlocalhost says: Request failed:error

を与えるだろう

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

    }); 

私はわかりません私が書いている方法がurl:のためのパスが良いとすれば、それが理由であれば私は成功した要求を得ることができません。私のPHPスクリプトのパスは、jsファイルのパスからの相対パスです。ローカルサーバーでAJAXを実行するには、カスタム設定を行う必要がありますか?

答えて

-1

間違った方向の線。

+0

変更線方向/mywebsite/ajax/script.phpパスhttp://localhost/mywebsite使用した場合

に/ajax/script.php使用し、応答を変更していません。まだエラーが発生しています。 – LaGuille

+1

@LaGuilleデベロッパーコンソールを開いて、ネットワークに行き、リクエストを参照してください。 http://commandlinefanatic.com/cgi-bin/showarticle.cgi?article=art034 – grinat

+0

これは 'http // localhost/ajax/script.php'を探していますが、スクリプトファイルはこのディレクトリにありません。私は使用しているjsファイルに相対的なURLパスを持つ方法はありますか? – LaGuille

関連する問題