0

jquery AJAXの学習を開始しました。私は問題に遭遇しました。皆さんが私を助けてくれるかどうか疑問に思っていました。PHP 変数を jquery に戻そうとしていますが、[オブジェクト オブジェクト] として表示されます。以下にコードを掲載します。

index.html:

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("button").click(function() {
        $("p").text($.get("return.php"));
    });
});
</script>
</head>

<body>
<p>This is a test!</p>
<button>Click Here</button>
</body>
</html>

return.php:

<?php 
    $message = "Another test!";
    echo $message;
?>

では、jquery ajax を使用して、php 変数 $message を段落に渡すために必要なことは何ですか?

index.html を index.php に変更すれば簡単にできることはわかっていますが、後で $message を変更すると、ページをリロードする必要があります。ページをリロードせずに動的コンテンツを作成する方法を学ぼうとしています。

ご協力いただきありがとうございます。:-)

4

3 に答える 3

4

データを使用するには、データが返されるまで待つ必要があります。

$(document).ready(function(){
    $("button").click(function() {
        $.get("return.php", function(data) {
             $("p").text(data);
        });
    });
});
于 2013-03-28T17:39:10.573 に答える
3

にコールバックを追加しますget。

$.get("return.php", function(data) {
    $("p").text(data);
});
于 2013-03-28T17:39:23.157 に答える
0

.get関数でコールバック関数を使用できます。

$(document).ready(function(){
    $("button").click(function() {
       $.get("return.php",function(data){
           $("p").text(data);
       });
    });
});

ここでは、サーバーからの応答が必要な形式でデータ型を渡すこともできます。サーバーから他のデータ型 (つまり json) を返したい場合は、次のようにデータ型を使用します。

 $(document).ready(function(){
        $("button").click(function() {
           $.get("return.php",function(data){
               $("p").text(data);
           },"json");
        });
    });

詳細については、http: //api.jquery.com/jQuery.get/を参照してください。

于 2013-03-28T17:51:41.467 に答える