0

我已经开始学习 jquery AJAX。我遇到了一个问题,想知道你们是否可以帮助我。我正在尝试将 php 变量传递回 jquery,但它显示为 [object Object]。我将在下面发布我的代码。

索引.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>

返回.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 回答