Question

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

的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稍后更改，我必须重新加载页面。我正在尝试学习如何制作动态内容，而无需重新加载页面。

提前感谢您提供的任何帮助！： - ）

Answer 1

您必须等到数据返回后再使用它：

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

Answer 2

向get添加回调。

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

Answer 3

您可以在.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/

如何将php变量传递给jquery AJAX？

3 个答案: