Ajax运行原理
来源:互联网 发布:广东网络医院设在哪里 编辑:程序博客网 时间:2024/06/06 05:19
AJAX本身就是客户端的技术,异步的JavaScript 和 XML 技术,所谓异步,就是你做你的,我做我的,我们不需要同步。比如注册的时候,当你在填完用户名,接着填写密码的时候,电脑可以边检查账号是否合法。那么怎么来实现这个技术呢?
其实说起来很简单,也就 3 步吧 :
第一步:创建浏览器对象
第二步:用此对象的方法提交数据到服务器端处理,等待处理结果 , 即等待服务器的相应
第三步:等到结果后 ,具体做什么处理
//判断浏览器型号
第一步:创建浏览器对象,代码如下
var xmlHttp;
function createXmlHttpRequest()
{
if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
if(xmlHttp.overrideMimeType)
{
xmlHttp.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject)
{
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
if(!xmlHttp)
{
window.alert("你的浏览器不支持创建XMLhttpRequest对象");
}
return xmlHttp;
}
第二步:用第一步创建的对象把数据提交到服务器端进行处理,代码如下
function SendData(number)
{
createXmlHttpRequest(); // 第一步的创建对象
var url="DataFile/CheckAdName.aspx?data="+number; // 定义一URL,用于发送数据
xmlHttp.open("POST",url,true); // 以POST方式提交,当然,还有另外一种GET
xmlHttp.onreadystatechange=ProcessResult; // 得到结果后的处理函数
xmlHttp.send(null);
}
第三步:等得到结果后 ,具体做什么处理,代码如下:
function ProcessResult()
{
var obj=document.getElementById("showResult"); // 这是显示页面的一个标签
if(xmlHttp.readyState==4)//服务器响应状态
{
if(xmlHttp.status==200)//代码执行状态
{
obj.innerHTML="您提交的数据是" + xmlHttp.responseText;
// xmlHttp.responseText就是我们在服务器端处理后打印的结果,让他显示在标签上
}
}
}
- Ajax运行原理
- Ajax的运行原理
- DRP项目(八)----AJAX运行原理
- Ajax原理
- Ajax原理
- ajax原理
- ajax原理
- Ajax原理
- Ajax 原理
- ajax原理
- Ajax原理
- AJax原理
- Ajax原理
- Ajax原理
- AJAX原理
- ajax原理
- AJAX原理
- aJAX 原理
- linux下bmp转化为jpeg程序源代码, jpeg图片压缩
- 20个优秀的前端框架
- VMware网络设置的三种方式
- 用友放弃野蛮生长战略 转型平台软件商
- HDU1171--Big Event in HDU
- Ajax运行原理
- 诺基亚死于大数据时代 上海唯一旗舰店关门
- AtomicInteger
- 传百度研发类似谷歌眼镜的穿戴式产品“百度眼”
- 使用Ruby On Rails15分钟打造一个博客系统
- 惠普人事动荡:董事长离职 战略转型模糊
- 我的开始
- 坚持不懈背单词
- 教你一百二十八个说话的技巧(气质很内涵)(有霸气不霸道)