1、总结
一、多温习:代码都挺简略的,就是需求温习,要多看
二、ajax原理:ajax就是局部更新页面,其实还正在的html页面监听到事情后,而后传给效劳器进行操作,这里用的是get形式来传值到效劳器,
三、ajax以及全页面更新的区分:ajax以及全页面更新的区分是全页面更新前往的是整个页面,而ajax只前往的是修正局部的数据, 并且次要是经过window工具的XMLHttpRequest工具来完成的
四、完成ajax的步骤:完成ajax效劳器端就是前往局部数据,页面端就是新建工具而后执行这个工具的几个函数,a、创立工具 b、onreadystatechange c、open d、send
2、ajax以及php
AJAX 被用于创立交互性更强的使用顺序。
ajax php实例
实例诠释HTML页面:
当用户正在下面的输出框中键入字符时,会执行 "showHint()" 函数。该函数由 "onkeyup" 事情触发:
<html> <head> <script> function showHint(str) { if (str.length==0) { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 阅读器执行的代码 xmlhttp=new XMLHttpRequest(); } else { //IE6, IE5 阅读器执行的代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","gethint.php?q="+str,true); xmlhttp.send(); } </script> </head> <body> <p><b>正在输出框中输出一个姓名:</b></p> <form> 姓名: <input type="text" onkeyup="showHint(this.value)"> </form> <p>前往值: <span id="txtHint"></span></p> </body> </html>
源代码诠释:
假如输出框是空的(str.length==0),该函数会清空 txtHint 占位符的内容,并加入该函数。
假如输出框没有是空的,那末 showHint() 会执行如下步骤:
一、创立 XMLHttpRequest 工具
二、创立正在效劳器呼应就绪时执行的函数
三、向效劳器上的文件发送申请
四、请留意增加到 URL 结尾的参数(q)(蕴含输出框的内容)
留意点:
一、标签文本域置空:第8行,标签文本域置空
二、增加函数:第21行,给新建的XMLHttpRequest工具增加函数,这个函数就是承受从效劳器哪里传来的数据,
三、效劳器承受的ajax前往数据:第25行,responseText多是XMLHttpRequest工具的属性
四、get传值:第28行,get形式传值,?前面接参数,=号衔接键以及值
五、onkeyup事情:第37行,onkeyup 事情会正在键盘按键被松开时发作。
六、标签js传参中的this的使用:第37行,标签中的this工具指的就是标签自身
php文件
下面这段经过 JavaScript 挪用的效劳器页面是名为 "gethint.php" 的 PHP 文件。
"gethint.php" 中的源代码会反省姓名数组,而后向阅读器前往对应的姓名:
<?php // 将姓名填充到数组中 $a[]="Anna"; $a[]="Brittany"; $a[]="Cinderella"; $a[]="Diana"; $a[]="Eva"; $a[]="Fiona"; $a[]="Gunda"; $a[]="Hege"; $a[]="Inga"; $a[]="Johanna"; $a[]="Kitty"; $a[]="Linda"; $a[]="Nina"; $a[]="Ophelia"; $a[]="Petunia"; $a[]="Amanda"; $a[]="Raquel"; $a[]="Cindy"; $a[]="Doris"; $a[]="Eve"; $a[]="Evita"; $a[]="Sunniva"; $a[]="Tove"; $a[]="Unni"; $a[]="Violet"; $a[]="Liza"; $a[]="Elizabeth"; $a[]="Ellen"; $a[]="Wenche"; $a[]="Vicky"; //从申请URL地点中猎取 q 参数 $q=$_GET["q"]; //查找能否由婚配值, 假如 q>0 if (strlen($q) > 0) { $hint=""; for($i=0; $i<count($a); $i++) { if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q)))) { if ($hint=="")//能否是第一个 { $hint=$a[$i]; } else { $hint=$hint." , ".$a[$i]; } } } } // 假如不婚配值设置输入为 "no suggestion" if ($hint == "") { $response="no suggestion"; } else { $response=$hint; } //输入前往值 echo $response; ?>
诠释:假如 JavaScript 发送了任何文本(即 strlen($q) > 0),则会发作:
查找婚配 JavaScript 发送的字符的姓名假如未找到婚配,则将呼应字符串设置为 "no suggestion"假如找到一个或多个婚配姓名,则用一切姓名设置呼应字符串把呼应发送到 "txtHint" 占位符
留意点:
一、$_GET[]
:第35行,超全局变量$_GET[]的应用
二、strlen()
:第38行,strlen函数的应用
三、数据衔接:第43-52行,找以是后面蕴含传入参数的数据
四、字符串联接:第51行,点变量用于字符衔接
五、算法逻辑:整个算法逻辑就是,用从页面传入过去的参数找适宜的货色前往到页面去
想理解更多相干成绩请拜访PHP中文网:PHP视频教程
以上就是php中ajax的应用实例解说的具体内容,更多请存眷资源魔其它相干文章!
标签: php 使用 ajax php开发教程 php开发资料 php开发自学
抱歉,评论功能暂时关闭!