知识大全 Ajax+PHP简单入门[2]

Posted

篇首语:书到用时方恨少,事非经过不知难。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 Ajax+PHP简单入门[2]相关的知识,希望对你有一定的参考价值。

Ajax+PHP简单入门[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

xmlHttp onreadystatechange = updatePage;

  此语句已经要放在send()语句前面 这样才会有效 后面的updatePage是处理返回信息的一个函数 完整的getInfo()如下

function getInfo() var num = document getElementById( num ) value;//获得表单的数据var url = /ajax/ php?n= + escape(num);xmlHttp open( GET url true);//这里的true代表是异步请求xmlHttp onreadystatechange = updatePage;xmlHttp send(null);

  我们还需要在里面来触发这个函数

<input name= num id= num onblur= getInfo() type= text />

  下面我们需要来编写updatePage()这个函数

function updatePage()if (xml readyState == ) var response = xml responseText;document getElementById( city ) value = response;

  上面这段代码里面的readyState是服务器返回的一个状态 这个状态表示请求已经发送 并处理完毕 responseText是获得服务器返回的信息 然后通过javascript赋给ID为city的表单

  到此 一个简单的Ajax程序就完成了 完整的javascript代码如下

var xmlHttp = false;try xmlHttp = new XMLHttpRequest(); catch (trymicrosoft) try xmlHttp = new ActiveXObject( Msxml XMLHTTP ); catch (othermicrosoft) try xmlHttp = new ActiveXObject( Microsoft XMLHTTP ); catch (failed) xmlHttp = false;if (!xmlHttp)alert( 无法创建 XMLHttpRequest 对象! ); function getInfo() var num = document getElementById( num ) value;//获得表单的数据var url = /ajax/ php?n= + escape(num);xmlHttp open( GET url true);//这里的true代表是异步请求xmlHttp onreadystatechange = updatePage;xmlHttp send(null); function updatePage()if (xml readyState == ) var response = xml responseText;document getElementById( city ) value = response;

  这里还缺一个php文件 由于处理的方式不一样 写法也不一样 而且这不是Ajax的主要部分 所以这里就不放代码了 只要记住php是输出并返回所需要的数据就可以了

cha138/Article/program/PHP/201311/21462

相关参考

知识大全 Ajax+PHP快速上手及简单应用说明

Ajax+PHP快速上手及简单应用说明  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!对于Ajax最

知识大全 php ajax用户注册检测代码

  实只要简单的实现ajax的检测用户名正规点要分三个文件我这里简单点:  第一个indexphp<!DOCTYPEPUBLIC"//WC//DTDXHTMLTransitional//EN""

知识大全 ajax入门小程序

  此小程序主要给ajax还未入门的朋友们一个简单的演示程序的主要内容就是将页面部分的id通过表单传到java的servlet中因为只是做示例所以没有对id进行任何处理有兴趣的朋友可以连接数据库或应用

知识大全 在PHP中如何判断AJAX请求

在PHP中如何判断AJAX请求  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  如何在PHP中判断

知识大全 php ajax无刷新上传图片实例代码

  将index和uploadphp文件保存到支持php的空间的同级目录测试运行即可  AJAX客户端页面代码index  <><body><h>Ajaxfileu

知识大全 基于PHP和AJAX创建RSS聚合器

基于PHP和AJAX创建RSS聚合器  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  想象使用一个

知识大全 PHP+AJAX无刷新实现返回天气预报数据

PHP+AJAX无刷新实现返回天气预报数据  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!天气数据是

知识大全 php+ajax实现页面自动刷新时间

  indexphp  viewplaincopytoclipboardprint?<mce:scripttype=text/javascript><!  var

知识大全 ajax+php中文乱码的解决

  由于XMLHTTP采用的是Unicode编码上传数据而一般页面采用的是gb这就造成显示页面时产生乱码而当在获取页面时的XMLHttp返回的是utf编码这就造成了显示产生乱码解决方法之一就是在PHP

知识大全 在PHP中使用ASP.NET AJAX

在PHP中使用ASP.NETAJAX  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!编写Servic