douzhi9478
2013-03-28 17:37
浏览 73
已采纳

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

I have started learning jquery AJAX. I have run into a problem, and was wondering if you guys could help me. I am trying to pass a php variable back to jquery, but it displays as [object Object]. I will be posting my code below.

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;
?>

So what is it that I need to do to pass php variable $message into the paragraph using jquery ajax?

I know I could simply do if I changed index.html to index.php, but then if $message later changes, I have to reload the page. I am trying to learn how to make dynamic content without having to reload the page.

Thanks ahead of time for any help you provide! :-)

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • douxunnian0423 2013-03-28 17:39
    已采纳

    You'll have to wait until the data is returned before you can use it:

    $(document).ready(function(){
        $("button").click(function() {
            $.get("return.php", function(data) {
                 $("p").text(data);
            });
        });
    });
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • dongmu1996 2013-03-28 17:39

    Add a callback to get.

    $.get("return.php", function(data) {
        $("p").text(data);
    });
    
    评论
    解决 无用
    打赏 举报
  • doupo5861 2013-03-28 17:51

    You can use callback function in .get function.

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

    Here you can pass the datatype as well in which form you want the response from server. Suppose you want to return anyother datatype(i.e. json)from server, just use datatype with it like this :

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

    For more detail,refer : http://api.jquery.com/jQuery.get/

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题