介绍
小编给大家分享一下原生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 ()/>形式> 表> 身体>