首頁 > php教程 > php手册 > PHP中用jQuery实现ajax然后用POST方法传接数据之3分钟包教包会傻

PHP中用jQuery实现ajax然后用POST方法传接数据之3分钟包教包会傻

WBOY
發布: 2016-06-06 19:53:21
原創
1053 人瀏覽過

我分了3个页面: 1、显示 2、js 3、服务器端处理的 显示(index.php): htmlheadscript type=text/javascript src='jQuery.js'/scriptscript type=text/javascript src='js.js'/script/headbodydiv id='disp'/divbutton id='btn'enter/button/body/html js(js.

我分了3个页面:

1、显示

2、js

3、服务器端处理的


显示(index.php):


<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript" src="js.js"></script>



<div id="disp"></div>
<button id="btn">enter</button>

登入後複製

js(js.js):
$(document).ready(function(){
	$("#btn").click(function(){
		$.post('server.php',{q:'a'},function(result){
			$('#disp').html(result)
		})
	});
});
登入後複製

服务器那边的(server.php):
<?php $q=$_POST['q'];
echo $q;
echo "<input type='button' value='btn'>";
?>
登入後複製


jQuery只是个js文件,下载来随便一扔就好了,路径别搞错就行;
js中:
1、btn是id,所以前面加#,如果是class就加.;

2、.html改成.val()就是取得对应东西的value值,.val(x)就是赋值。


效果图:

before
登入後複製

[enter]
after
登入後複製
a[btn]

[enter]




-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

此外1:

这个js里的#xxxxx或者.xxxxxx什么的在一开始就根据id或者class搞好了选择器了。所以如果局部刷新的那部分里有些东西有id,那么这个js里跟这个id绑定的事件是不会起作用的。因为人家一开始问“有这个id的吗?”的时候你不在,人家问完了事件都绑完了你才来,那么就没你什么事了。


-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

此外2:

如果绑的是submit事件,那么js里事件结束后要返回false,不然它自己会那个真的submit上去了。



相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板