使用AJAX将文本返回到指定的div中?

时间:2011-11-14 17:12:46

标签: php jquery ajax

index.php上的表单中,我使用AJAX发布到submit.php文件。一切正常,但我想在index.php的特殊div中返回ID为#remaining的文字,如下所示。

如何告诉submit.php这条消息必须放在<div id="remaining"></div>的{​​{1}}中?

index.php

3 个答案:

答案 0 :(得分:1)

您的问题中没有上下文。加载到div的最简单方法是:

$('#remaining').load('submit.php');

答案 1 :(得分:0)

您可以使用$.load功能。

$('#remaining').load('submit.php');

答案 2 :(得分:0)

您可以让submit.php文件回显JSON响应,并使用$.ajax()成功回调将其放置在适当的位置,如下所示:

// PHP //
<?php
    echo '{"remaining" : "No credits, please but credits", "foo" : "bar", "bar" : "foo"}';
?>

// JavaScript //
<script type="text/javascript">
    $.ajax({
        type: 'POST',
        url: url,
        dataType: 'json',
        success: function(data){
            $('#remaining').text(data.remaining); // Add Specific Message
            $('#foo').text(data.bar); // Some Other Info
            $('#bar').text(data.foo); // Additional Info
        }
});
</script>

我希望它有所帮助!