PHP无需刷新即可加载信息

时间:2014-11-18 02:48:58

标签: javascript php jquery ajax

我有一个PHP,它有一个提交给自己的HTML表单,然后在下面显示答案。但是,每次单击“提交”以显示信息时,我都不希望页面刷新。我希望它显示而不需要实际完全重新加载页面。我该怎么做呢?

基本上shell是

<div class="inner">

< my form here >

<br />
<hr />
<br />

<?php
The stuff that loads below
?>

<br />
<hr />
<br />

<p>Stuff I want to stay on the page regardless</p>
</div>

那么我使用AJAX吗?我如何实现这一结果?我希望信息能够向下滑动或者某些东西,但实际上任何没有可见页面刷新的东西都会很棒。谢谢!

1 个答案:

答案 0 :(得分:1)

是的,你会使用ajax。

这将是shell:

<div class="inner">

< my form here >

<br />
<hr />
<br />

<div id=answer>
<?php
The stuff that loads below
?>
</div>

<br />
<hr />
<br />

<p>Stuff I want to stay on the page regardless</p>
<button id=btn/>
</div>

<script>
    $("#btn").click(function() {
        $.ajax({
            url: ...
            success: function(result) {
                $("#answer").text(result);
            }
        });
    }

</script>