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を実行するには、カスタム設定を行う必要がありますか?
変更線方向/mywebsite/ajax/script.phpパスhttp://localhost/mywebsite使用した場合
に/ajax/script.php使用し、応答を変更していません。まだエラーが発生しています。 – LaGuille
@LaGuilleデベロッパーコンソールを開いて、ネットワークに行き、リクエストを参照してください。 http://commandlinefanatic.com/cgi-bin/showarticle.cgi?article=art034 – grinat
これは 'http // localhost/ajax/script.php'を探していますが、スクリプトファイルはこのディレクトリにありません。私は使用しているjsファイルに相対的なURLパスを持つ方法はありますか? – LaGuille