原生JS怎么实现Ajax通过得到方式与PHP进行交互操作

  介绍

小编给大家分享一下原生JS怎么实现Ajax通过得到方式与PHP进行交互操作,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

JS有什么特点

1, JS属于一种解释性脚本语言;2,在绝大多数浏览器的支持下,JS可以在多种平台下运行,拥有着跨平台特性;3,JS属于一种弱类型脚本语言,对使用的数据类型未做出严格的要求,能够进行类型转换,简单又容易上手;4,JS语言安全性高,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失;5,基于对象的脚本语言,JS不仅可以创建对象,也能使用现有的对象。

<强>一、代码

康涅狄格州。php

& lt; php ?   ,,康涅狄格州美元=mysql_connect (“localhost",“root",“root"),或是死亡(“数据库连接失败“.mysql_error ());   ,,mysql_select_db (“db_database27",康涅狄格州美元),或是死亡(“数据库连接失败“.mysql_error ());   ,,mysql_query (“set  names  gb2312");   祝辞;

索引。php

& lt; ! DOCTYPE  html  PUBLIC “-//W3C//DTD  XHTML  1.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;   & lt; html  xmlns=癶ttp://www.w3.org/1999/xhtml"比;   & lt; head>   & lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=gb2312",/比;   & lt; title>通过XMLHttpRequest对象读取HTML文件,并且输出读取结果& lt;/title>   & lt; style 类型=拔谋?css"比;   & lt; !   body  {   ,,margin-left: 0 px;   ,,margin-top: 00 px;   ,,margin-right: 0 px;   ,,margin-bottom: 0 px;   }   ——比;   & lt;/style> & lt;/head>   & lt; script>   var  xmlHttp;,,,,,,,,//定义XMLHttpRequest对象   function  createXmlHttpRequestObject () {//才能如果在internet 浏览器下运行   如果才能(window.ActiveXObject) {   ,,,试着{   ,,,,,xmlHttp=new  ActiveXObject (“Microsoft.XMLHTTP");   ,,,}捕捉(e) {   ,,,,,xmlHttp=false;   ,,,}   }{其他才能//才能如果在Mozilla或其他的浏览器下运行   ,,,试着{   ,,,,,xmlHttp=new  XMLHttpRequest ();   ,,,}捕捉(e) {   ,,,,,xmlHttp=false;   ,,,}   ,,}   ,,//返回创建的对象或显示错误信息   如果(! xmlHttp)才能   ,,,警报(“返回创建的对象或显示错误信息“);   ,,,   ,,,return  xmlHttp;   }   function  showsimple () {   createXmlHttpRequestObject才能();   var 才能;cont =, . getelementbyid (“searchtxt") value;   如果才能(续==啊?{   ,,,警报(& # 39;查询关键字不能为空! & # 39;);   ,,,return 假;   ,,}   ,,,xmlHttp.onreadystatechange=StatHandler;,//判断URL调用的状态值并处理   ,,,xmlHttp.open (“GET" & # 39; searchrst.php ?续=& # 39;+续,假);   ,,,xmlHttp.send(空);   }   function  StatHandler () {   如果才能(xmlHttp.readyState==4,,,, xmlHttp.status==200) {   ,,,. getelementbyid (“webpage") .innerHTML=xmlHttp.responseText;   ,,}   }   & lt;/script>   & lt; body>   & lt; table 宽度=?00“,身高=?32“,边境=?“,对齐=癱enter",单元格边距=?”,单元格间距=?”,背景=巴枷?bj.jpg"比;   ,& lt; tr>   & lt;才能td 宽度=?60“,身高=?45“祝辞,,& lt;/td>   & lt;才能td 宽度=?00“,对齐=癱enter", valign=癰ottom"祝辞& lt; strong>查询员工信息,根据员工技能信息& lt;/strong> & lt;/td>   & lt;才能td 宽度=?0“祝辞,,& lt;/td>   ,& lt;/tr> & lt; form  id=皊earchform", name=皊earchform",方法=癵et", action=?“比;   ,& lt; tr>   & lt;才能td 身高=?0“祝辞,,& lt;/td>   & lt;才能td 对齐=癱enter"祝辞请输入关键字:,,& lt; input  name=皊earchtxt",类型=皌ext", id=皊earchtxt",大??0“,/比;   ,,,,,,& lt; input  id=皊_search", name=皊_search",类型=癰utton",价值=https://www.yisu.com/zixun/辈檠皁nclick="返回showsimple ()/>               
                             

searchrst。php

& lt; php ?   头(& # 39;- type: text/html; charset=gb2312 # 39;),,,,,,,,,//指定发送数据的编码格式   include_once 才能;& # 39;康涅狄格州/conn.php& # 39;;,,,,,,,,,,,,,,,,//连接数据库   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

原生JS怎么实现Ajax通过得到方式与PHP进行交互操作