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

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

WBOY
WBOYOriginal
2016-06-06 19:53:211053browse

我分了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上去了。



Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn