原生JS实现Ajax通过GET方式与PHP进行交互操作

这篇文章主要介绍了关于原生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免费学习笔记(深入)”;

二、运行结果

原生JS实现Ajax通过GET方式与PHP进行交互操作

以上就是本篇文章的全部内容了,感谢大家阅读。更多请关注PHP中文网!

相关推荐:

PHP内存溢出、命令行和Web服务两种执行方式的理解

php实现支付宝当面付(扫码支付)功能

立即学习“PHP免费学习笔记(深入)”;

以上就是原生JS实现Ajax通过GET方式与PHP进行交互操作的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2752448.html

(0)
上一篇 2025年3月8日 06:23:32
下一篇 2025年3月8日 06:23:37

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 通过jQuery+JSONP中跨域请求的方法(详细教程)

    了解了jsonp之后,大家应该也都明白了,jsonp主要就是用来实现跨域的获取数据,今天我们就来详细探讨下如何在实际中应用jsonp实现跨域   JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏…

    2025年3月8日
    200
  • 怎样使用Node.js内Koa实现JWT用户认证

    这次给大家带来怎样使用Node.js内Koa实现JWT用户认证,使用Node.js内Koa实现JWT用户认证的注意事项有哪些,下面就是实战案例,一起来看一下。 一、前置知识 基于Token的身份验证 Koajs 中文文档 Koa 框架教程 …

    2025年3月8日 编程技术
    200
  • Vue.js实战项目分享

    这次给大家带来Vue.js实战项目分享,Vue.js实战的注意事项有哪些,下面就是实战案例,一起来看一下。 对大部分人来说,掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发,成为Vue.j…

    编程技术 2025年3月8日
    200
  • 怎样使用jQuery.i18n.properties让JS代码国际化

    这次给大家带来怎样使用jQuery.i18n.properties让JS代码国际化,使用jQuery.i18n.properties让JS代码国际化的注意事项有哪些,下面就是实战案例,一起来看一下。 当我们在做前台页面开发时,由于页面内容过…

    2025年3月8日 编程技术
    200
  • 怎样使用源生JS代码实现百度搜索框

    这次给大家带来怎样使用源生JS代码实现百度搜索框,使用源生JS代码实现百度搜索框的注意事项有哪些,下面就是实战案例,一起来看一下。 最近做了个百度搜索框今天给大家分享下。 效果:   1.当进入界面时,自动调用方法,获取当前的时间,并且实时…

    2025年3月8日
    200
  • 如何使用JS+CSS3实现图片响应鼠标移动放大缩小

    这次给大家带来如何使用JS+CSS3实现图片响应鼠标移动放大缩小,使用JS+CSS3实现图片响应鼠标移动放大缩小的注意事项有哪些,下面就是实战案例,一起来看一下。 今天看网易的网站上,当我把鼠标放上去的时候发现图片放大,移开图片缩小,于是自…

    2025年3月8日
    200
  • 如何使用JS模拟实现哈希表

    这次给大家带来如何使用JS模拟实现哈希表,使用JS模拟实现哈希表的注意事项有哪些,下面就是实战案例,一起来看一下。 在算法中,尤其是有关数组的算法中,哈希表的使用可以很好的解决问题,所以这篇文章会记录一些有关js实现哈希表并给出解决实际问题…

    2025年3月8日
    200
  • 怎样使用Vue结合Video.js播放m3u8视频

    这次给大家带来怎样使用Vue结合Video.js播放m3u8视频,使用Vue结合Video.js播放m3u8视频的注意事项有哪些,下面就是实战案例,一起来看一下。 首先,我们需要在vue工程中安装video.js相关依赖。 npm inst…

    编程技术 2025年3月8日
    200
  • 怎样使用JS+AJAX做出三级联动

    这次给大家带来怎样使用JS+AJAX做出三级联动,使用JS+AJAX做出三级联动的注意事项有哪些,下面就是实战案例,一起来看一下。 js 三级联动的实现代码如下所示: js原生ajax -请选择 省/直辖市/自治区- -请选择 市- var…

    编程技术 2025年3月8日
    200
  • JavaScript基础 详细解读浅拷贝和深拷贝之间的问题

    浅拷贝和深拷贝都是对于js中的引用类型而言的,浅拷贝就只是复制对象的引用,如果拷贝后的对象发生变化,原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝 前言 说到深浅拷贝,必须先提到的是JavaScript的数据类型,之前的一篇文章Jav…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论