2017-01-26 15 views
-1

私はAJAXを送信しようとしていますが、動作していません。誰かが私が間違っているかしていないかを明確にしてもらえますか?これを理解しようとしています。AJAXは私のために働いていません

最初のページ。あなたのケースでは

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Untitled Document</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head> 
<body> 
<div class="text-center"><a href="#" class="btn btn-grn" id="scaleButton">Button</a></div> 
<input class="form-control" name="cartID" id="cartID" type="hidden" value="<?php echo $order['clientid'] ;?>"> 
    <p id="edit_box"></p> 
<script> 

$("#scaleButton").click(function() { 
var cartID = "hello" 
var second = "second"; 

///////// AJAX //////// AJAX ////////// 
    $.ajax({ 
     type: 'POST', 
     url: 'testing1234.php', 
     data: {first:cartID,second:second}, 
     success: function(response){ 
      alert('yay ajax is done.'); 
      $('#edit_box').html(response);//this is where you populate your response 
     }//close succss params 
    });//close ajax 
///////// AJAX //////// AJAX ////////// 
} 
</script> 


</body> 
</html> 

2ページ

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Untitled Document</title> 
</head> 

<body> 

<?php 
$first = $_POST['first']; 
$second = $_POST['second']; 
$third = $_POST['third']; 


echo $second; 
?> 


</body> 
</html> 
+2

「動作しません」は明白です。そうでなければ、質問はしません。いくつかのデバッグを試してください101:ブラウザの開発者ツールのコンソールとネットワークタブにエラーの兆候がないかチェックしてください。リクエストは送信されますか?応答はありますか? $ .ajaxに 'error:'ハンドラを追加し、エラー応答を記録してください。 –

+1

あなた自身がこの問題をよりよく解決する必要があります。私たちはデバッガーではありません。あなたは**問題を分離し**そこからデバッグする必要があります。あなたが立ち往生している場合は、[**最小限で完全で検証可能な例**](http://stackoverflow.com/help/mcve)で**動作していないことの**明確な説明を提供してください。私は良い質問と[完璧な質問]を読むことをお勧めします(http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/)。また、[ツアー]も必ず行ってください。 –

+1

**エラーメッセージで**動作しません!どういう意味ですか ?検索結果はありません ?間違った結果?エラー ?私たちはあなたの画面に何が印刷されているのか推測できません。 –

答えて

0

、それだけで、構文の問題です。終了カッコでクリックイベントを閉じるのを忘れました。このような問題は、テキストエディタを使用して簡単に避けることができます。 Sublime TextやAtomのように、そこには多くのものがあります。または、コメントに示唆するように、ブラウザに開発者コンソールを開いて、エラーや警告を確認してください。

関連する問題