jQueryのAJAX投稿スクリプトのエラー

ラテンアメリカのデータベースのリストを表示するファイル（lam.php）があります。私は便利な参考資料として私のウェブサイトの様々なページにそれを含めたいと思います。しかし、単純に含めるのではなく、AJAXを使用したいので、ユーザーはリストを表示するかどうかを決めることができます。jQueryのAJAX投稿スクリプトのエラー

だから私はAJAXの使い方を学んでいます。 Getの代わりにPostを使ってjQuery + AJAXを使いたいと思うようです。

しかし、私はすぐにこの行のエラーでハングアップしました： $ .post（ "http://gx/2b/inc/C/Shared/DBLists/World/lam.php"、データ、コールバック）;

ページをプレビューするときにエラーは表示されませんが、エラーはDreamweaverで強調表示されます。ボタンをクリックしても何も起こらないので、明らかにどこかでエラーが発生します。誰でも私のスクリプトでエラーを見つけられますか？

これは全体のスクリプトです：

<head> 
    <script> 
    $(document).ready(function(){ 
    $("button#lam").click(function() 
    $.post("http://gx/2b/inc/C/Shared/DBLists/World/lam.php",data,callback); 
    ) 
    } 
) 
    </script> 
</head> 

<body> 
    <button id="lam">Latin America<button> 
</body>

出典

2016-03-31 David Blomstrom

'callback'関数を定義しましたか？ – Barmar

未定義の変数 'data'を使用しています。 – Barmar

私はチュートリアルからこれを得ました。私は基本的にスクリプトをコピーしました。「データ」と「コールバック」をどのように定義するのですか？すべてのデータはlam.phpファイルにあるので、単に「データ」を削除できますか？「コールバック」はデータの取り込み方法を決定します。つまり、「誰かが「africa」というidのボタンをクリックしたときにこのテーブルを表示する」と指定することができます。 –

あなたがに表示される結果をHTMLにDIVを追加する必要が続いてコールバック関数は、AJAXの応答をDIVに記入する必要があります。コール。

あなたのPHPスクリプトはパラメータを取らないので、data引数は必要ありません。

<head> 
<script> 
$(document).ready(function(){ 
    $("button#lam").click(function() 
     $.post("http://gx/2b/inc/C/Shared/DBLists/World/lam.php", function(response) { 
      $("#lam-result").html(response); 
     }); 
    }); 
}); 
</script> 
</head> 

<body> 
    <button id="lam">Latin America<button> 
    <div id="lam-result"></div> 
</body>

出典

2016-03-31 01:44:24 Barmar

jQueryのAJAX投稿スクリプトのエラー

答えて

関連する問題