使用jquery和ajax加载div内容以及post数据的结果

时间:2013-06-24 05:59:59

标签: php jquery html ajax

我刚刚开始使用Jquery并且正在尝试理解它。 因此,如果我的问题看起来很愚蠢,我会道歉:)

点击文字,我想在这种情况下“主页”我希望在html中显示发布数据的结果。

这就是我所说的:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script src="core/jscripts/jquery/jquery-2.0.2.js"></script>
</head>

<body>
<p id="home">HOME</p>
<div id="pagesdiv">

</div>
<script>
    $(document).ready(function(){
        $("#home").click(function(){
            $.post("core/scripts/loadpages.php",
                {
                    page:"home"
                },
                function(data){
                    ("#pagesdiv").html(data);
                });
        });
    });
</script>

</body>
</html>

我检查了loadpages.php文件,当我发布“page:home”时,它会返回正确的结果。我做错了什么?

非常感谢您的所有帮助!

3 个答案:

答案 0 :(得分:2)

试试这个

<script>
    $(document).ready(function(){
        $("#home").click(function(){
            $.post("core/scripts/loadpages.php",
                {
                    page:"home"
                },
                function(data){
                    $("#pagesdiv").html(data);
                });
        });
    });
</script>

答案 1 :(得分:1)

你的响应函数中缺少$ -sign(“#pagesdiv”)。

答案 2 :(得分:0)

你需要像这样转换数据。然后使用value.URVALUENAME获取值。

function(data) {
    $.each(data, function(key, value) {
       $("#pagesdiv").html(value.URVALUENAME);
    });