免费网站管理软件,wordpress 首次 弹窗,做cpa推广用哪种网站好,上饶建设网站本案例代码已经提供下载#xff0c;点击这里#xff01;AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML)#xff0c;AJAX并非缩写词#xff0c;而是由Jesse James Gaiiett创造的名词#xff0c;是指一种创建交互式。Ajax的核心是JavaScript对象XmlHttpRe…本案例代码已经提供下载点击这里AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML)AJAX并非缩写词而是由Jesse James Gaiiett创造的名词是指一种创建交互式。Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入它是一种支持异步请求的技术。简而言之XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应而不阻塞用户。在本文的例子中为了让初学者对ajax的实现原理有一个更加深刻的认识没有使用jquery等框架整个异步请求都是通过编写javascript来完成。本例共包括3个文件分别为config.php 连接数据库message.php 用户访问的留言界面当用户发送留言时将留言结果以异步请求的方式发送到message_ajax.php。message_ajax.php 处理来自message.php中的异步请求并返回结果下面我按实际编写的步骤来说明创建数据库和表 为了让问题不至于变得复杂这里我是在test数据库中创建了一个表t_message。SQL语句如下create table t_message(id int auto_increment primary key,email varchar(100),content text);编写用户留言界面留言界面非常简洁就是一个表单在message.php中添加以下html代码如下Leave Message Here Email:Content:异步请求使用XMLHttpRequest对象发送请求的基本步骤如下 创建一个XMLHttpRequest的引用 告诉XMLHttpRequest对象哪个函数会处理XMLHttpRequest对象状态的改变为此要设置onreadystatechange属性 指定请求的属性。open() 将请求发送给服务器。send() xmlHttp.responseText将响应提供为一个串创建一个XMLHttpRequest的引用var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject) { xmlHttp new ActiveXObject(Microsoft.XMLHTTP); } else if(window.XMLHttpRequest) { xmlHttp new XMLHttpRequest(); }else{ alert(浏览器不支持XMLHttpRequest对象); } }创建查询字符串function createQueryString(){ var email document.getElementById(email).value; var content document.getElementById(content).value; var queryString email email content content ; //alert(queryString); return queryString; }以POST方式发送异步请求function doRequestUsingPOST(){ createXMLHttpRequest(); var url message_ajax.php?timeStamp new Date().getTime(); var queryString createQueryString(); xmlHttp.open(POST,url,true); xmlHttp.onreadystatechange handleStateChange; xmlHttp.setRequestHeader(Content-Type,application/x-www-form-urlencoded;); xmlHttp.send(queryString); }处理状态变更解析message_ajax.php返回的结果function handleStateChange(){ if(xmlHttp.readyState 4){ if(xmlHttp.status 200){ parseResult(); //alert(OK); } } } function parseResult(){ var responseDiv document.getElementById(newmessage); if(responseDiv.hasChildNodes()){ responseDiv.removeChild(responseDiv.childNodes[0]); } var responseText xmlHttp.responseText;//document.createTextNode(xmlHttp.responseText); responseDiv.innerHTML responseText; //responseDiv.appendChild(responseText); }服务端处理异步请求然后我们看下服务端message_ajax.php是怎样处理请求的; while($message mysql_fetch_array($result)){ $onemessage Email:.$message[email].Content:.$message[content].;$responseText $responseText.$onemessage;}$responseText $responseText.;echo $responseText;?从上面代码可以看到服务端首先需要接收客户端发送过来的请求在本例中发送的参数就是email和content。然后服务端将这些数据保存到数据库中并查询出数据库中最近的10条留言信息构造成HTML字符串并echo。于是客户端便可接收到实现无刷新显示最近的10条留言(当然需要留言超过10条的时候)。如果你有神马问题请留言讨论本文原创发布php中文网转载请注明出处感谢您的尊重
