jQuery Ajaxポストデータ

なぜ動作しません。一部のパラメータでボタンのonclickが発生したときにPHPファイルを呼び出そうとしています。 jsfile.jsの警告文まで実行されています。 Ajaxの一部が実行取得されていないことをした後..事前に感謝し、私を助けて...jQuery Ajaxポストデータ

main.htmlを

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 

<script src="jsfile.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head> 
<body> 
     <button onclick="cart(0)"> hi </button> 
     <p id="disp"></p> 
</body> 
</html>

jsfile.js

function cart(id1) 
{ 

    var id=id1; 
    alert("enterd "+id); 
    document.getElementById("disp").innerHTML ="hi"; 
     $.ajax({ 
     url:"/add.php ", 
     type:"POST", 

     data:{ 
      item_id: id, 
     }, 
     success:function(response) { 
      //document.getElementById("total_items").value=response; 
     document.getElementById("disp").innerHTML =response; 
     }, 
     error:function(){ 
     alert("error"); 
     } 

     }); 

}

add.php

<?php 
    if(isset($_POST['item_id']) && !empty($_POST['item_id'])){ 
    //if(count($_POST)>0) 
     echo "success"; 
     exit(); 
    } 
?>

出典

2017-03-20 deepak asai

あなたの 'success'コールバックに' alert'を置くと、それは表示されますか？ – JohanP

html文書の先頭にajaxスクリプトを含めるのを忘れていました。でも、それ以降も成功部分は実行されません。エラー部分だけが実行されています。 –

の変更をし、あなたのjQueryのバージョンが> = 1.5がこの方法で使用している場合

type:"POST" -> method: "POST"

を試してみてください。

$.ajax({ 
    url: "add.php", 
    method: "POST", 
    data: { item_id: id}, 
}).done(function(response) { 
    ...... 
}).fail(function(jqXHR, textStatus) { 
    ...... 
});

JSファイルをJSファイルの前にロードします。

出典

2017-03-20 02:16:07 gudboisgn

メソッドから型に変更してもエラーパートが実行されています..成功とエラーの代わりに完了と失敗を含めることは必須ですか？ –

エラーレスポンスはどうなりますか？開発者ツール – gudboisgn

を使用して確認してください。あなたのURLパスが一致していないか、サーバーからの他の応答がエラー機能を実行しています。 – gudboisgn

jsfile.jsファイルで、次のコードについてコメントとして述べた以下の点を修正してください。

function cart(id1) 
{ 
    var id=id1; 
    alert("enterd "+id); 
    document.getElementById("disp").innerHTML ="hi"; 
     $.ajax({ 
     url:"/add.php ", 
     method:"POST", //First change type to method here 

     data:{ 
      item_id: "id", // Second add quotes on the value. 
     }, 
     success:function(response) { 
     document.getElementById("disp").innerHTML =response; 
     }, 
     error:function(){ 
     alert("error"); 
     } 

     }); 

}

出典

2017-09-21 06:44:52

答えて

関連する問題