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

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

WBOY
Freigeben: 2016-06-06 19:53:21
Original
1056 Leute haben es durchsucht

我分了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>

Nach dem Login kopieren

js(js.js):
$(document).ready(function(){
	$("#btn").click(function(){
		$.post('server.php',{q:'a'},function(result){
			$('#disp').html(result)
		})
	});
});
Nach dem Login kopieren

服务器那边的(server.php):
<?php $q=$_POST['q'];
echo $q;
echo "<input type='button' value='btn'>";
?>
Nach dem Login kopieren


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

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


效果图:

before
Nach dem Login kopieren

[enter]
after
Nach dem Login kopieren
a[btn]

[enter]




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

此外1:

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


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

此外2:

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



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage