Ajax开始准备篇

mmmm熙儿

mmmm熙儿

2016-02-19 10:41

下面是个Ajax开始准备篇教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!
在此之前我们需要做一下简单的ajax准备工作,但你必须要具备基本的html,javascript,dom编写能力.否则这个ajax教程你读起来会很吃力.我的目的是通过这份教程.可以让你在你的网页中使用ajax技术实现,读取,添加,修改,删除数据的操作.也许你是只老鸟对我写的这些不屑一顾,但我还是希望你能看 下该教程中演示的一些例子,没准会有地方吸引你!
下面我们要做的有2点.第1我们必须创建一个可用的XMLHTTPRequest对象,如果你不知道什么是XMLHTTPRequest,请阅读:XMLHTTPRequest是什么?
因为各大浏览器对XMLHTTPRequest对象的支持标准不同,所谓可用的XMLHTTPReqeust对象.就是说要在IE,FF,Chrome等浏览器中无错误的运行该对象.我们使用JavaScript来创建该对象,并编写一个函数.在以后的ajax教程实例里 我们都将使用该函数来调用XMLHTTPRequest.看下面的代码:
代码如下:

html
head
title创建一个可用的xmlhttpreuqest对象/title
/head
body
script type="text/javascript"
function ajax_xmlhttp(){
//在IE中创建xmlhttpRequest,适用于IE5.0以上所有版本
var msXmlhttp = new Array("Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP");
for(var i=0; imsXmlhttp.length; i++){
try
{
_xmlhttp=new ActiveXObject(msXmlhttp[i]);
}
catch(e)
{
_xmlhttp=null;
}
} //循环创建基于IE浏览器的xmlhttp.结束
//如果非IE浏览器,则创建基于FireFox等浏览器的xmlhttpRequest
if(!_xmlhttp && typeof XMLHttpRequest != "undefined")
{
_xmlhttp=new XMLHttpRequest();
}
return _xmlhttp;
}
alert(ajax_xmlhttp());
/script
/body
/html

运行上面代码以后.在IE浏览器里会弹出"Object",在FF和Chrome浏览器里会弹出"Object XMLHTTPRequest"字样,如果正确弹出的话即代表 XMLHTTPRequest对象创建成功!
第2:我们使用Asp技术来输出一个xml文件.在以后的ajax教程实例中.我们都将请求该文件进行ajax的读取,添加,删除,修改数据的操作.也许你还不知道.我们可以使用服务端的任何一种语言将数据以xml的格式输出.比如我们使用Asp读取数据库某个表内的数据,然后将该表的数据做为xml文件格式来输出到客户端.这也是ajax最标准的使用方法!点击查看:asp输出xml格式的数据
下面是该asp文件的源码,你可以复制到你的电脑里进行测试.

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
好了,今天的ajax系统教程准备工作已经完成.明天我们将小试牛刀--ajax初试之读取数据
出自:http://Www.Web666.Net
作者:康董
展开更多 50%)
分享

猜你喜欢

Ajax开始准备篇

Web开发
Ajax开始准备篇

Ajax开始准备入门篇

Web开发
Ajax开始准备入门篇

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

ASP的AJAX开始

Web开发
ASP的AJAX开始

AJAX实践DWR篇

Web开发
AJAX实践DWR篇

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

怀孕准备开始没

孕前
怀孕准备开始没

AJAX架构之Dojo篇

Web开发
AJAX架构之Dojo篇

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

javascript对XMLHttpRequest异步请求的面向对象封装

javascript对XMLHttpRequest异步请求的面向对象封装

QQ空间免费赠送QQ秀功能介绍

QQ空间免费赠送QQ秀功能介绍
下拉加载更多内容 ↓