Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript PHP加载信息而不刷新_Javascript_Php_Jquery_Ajax - Fatal编程技术网

Javascript PHP加载信息而不刷新

Javascript PHP加载信息而不刷新,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我有一个PHP,它有一个提交给自己的HTML表单,然后在下面显示答案。但是,我不希望每次单击“提交”以显示信息时页面都刷新。我希望它显示出来,而不需要实际完全重新加载页面。我该怎么做呢 基本上,外壳是 <div class="inner"> < my form here > <br /> <hr /> <br /> <?php The stuff that loads below ?> <br /> &l

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

基本上,外壳是

<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吗?我如何实现这个结果?最好是我想要的信息转换幻灯片或东西,但真的没有一个可见的页面刷新任何东西都将是伟大的。谢谢

是的,您可以使用ajax

下面是外壳:

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








不管怎样,我都想留在页面上

$(“#btn”)。单击(函数(){ $.ajax({ 网址:。。。 成功:功能(结果){ $(“#答案”)。文本(结果); } }); }
在“下面加载的内容”一节中有什么内容?如果可以用ID将其包装在一个div中,可以使用jQuery
.load()
来获取新内容。可以使用ajax。编写一个使用
$.get()的函数
方法,将表单数据发送到服务器上的php脚本,接收响应,并将响应写入表单下方的区域。