Javascript PHP加载信息而不刷新
我有一个PHP,它有一个提交给自己的HTML表单,然后在下面显示答案。但是,我不希望每次单击“提交”以显示信息时页面都刷新。我希望它显示出来,而不需要实际完全重新加载页面。我该怎么做呢 基本上,外壳是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
<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脚本,接收响应,并将响应写入表单下方的区域。