这篇文章主要介绍了关于原生js实现ajax通过get方式与php进行交互操作,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
本文实例讲述了原生JS实现Ajax通过GET方式与PHP进行交互操作。分享给大家供大家参考,具体如下:
一、代码
conn.php
登录后复制
立即学习“PHP免费学习笔记(深入)”;
index.php
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">通过XMLHttpRequest对象读取HTML文件,并且输出读取结果 var xmlHttp; //定义XMLHttpRequest对象function createXmlHttpRequestObject(){ //如果在internet Explorer下运行 if(window.ActiveXObject){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){ xmlHttp=false; } }else{ //如果在Mozilla或其他的浏览器下运行 try{ xmlHttp=new XMLHttpRequest(); }catch(e){ xmlHttp=false; } } //返回创建的对象或显示错误信息 if(!xmlHttp) alert("返回创建的对象或显示错误信息"); else return xmlHttp;}function showsimple(){ createXmlHttpRequestObject(); var cont = document.getElementById("searchtxt").value; if(cont==""){ alert('查询关键字不能为空!'); return false; } xmlHttp.onreadystatechange=StatHandler; //判断URL调用的状态值并处理 xmlHttp.open("GET",'searchrst.php?cont='+cont,false); xmlHttp.send(null);}function StatHandler(){ if(xmlHttp.readyState==4 && xmlHttp.status==200){ document.getElementById("webpage").innerHTML=xmlHttp.responseText; }}
登录后复制 查询员工信息,根据员工技能信息
立即学习“PHP免费学习笔记(深入)”;
searchrst.php
0){ //获取查询结果 echo "
登录后复制”; echo “ID名称编号描述”; while($myrow=mysql_fetch_array($result)){ //循环输出查询结果 echo “”.$myrow[id].””; echo “”.$myrow[user].””; echo “”.$myrow[number].””;echo “”.$myrow[explains].””;echo “”;}echo “”; }else{ echo “没有符合条件的数据”; } }?>
立即学习“PHP免费学习笔记(深入)”;
二、运行结果
以上就是本篇文章的全部内容了,感谢大家阅读。更多请关注PHP中文网!
相关推荐:
PHP内存溢出、命令行和Web服务两种执行方式的理解
php实现支付宝当面付(扫码支付)功能
立即学习“PHP免费学习笔记(深入)”;
以上就是原生JS实现Ajax通过GET方式与PHP进行交互操作的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2752448.html