Ajax開始準(zhǔn)備篇
下面我們要做的有2點(diǎn).第1我們必須創(chuàng)建一個(gè)可用的XMLHTTPRequest對(duì)象,如果你不知道什么是XMLHTTPRequest,請(qǐng)閱讀:XMLHTTPRequest是什么?
因?yàn)楦鞔鬄g覽器對(duì)XMLHTTPRequest對(duì)象的支持標(biāo)準(zhǔn)不同,所謂可用的XMLHTTPReqeust對(duì)象.就是說要在IE,FF,Chrome等瀏覽器中無錯(cuò)誤的運(yùn)行該對(duì)象.我們使用JavaScript來創(chuàng)建該對(duì)象,并編寫一個(gè)函數(shù).在以后的ajax教程實(shí)例里 我們都將使用該函數(shù)來調(diào)用XMLHTTPRequest.看下面的代碼:
<html>
<head>
<title>創(chuàng)建一個(gè)可用的xmlhttpreuqest對(duì)象</title>
</head>
<body>
<script type="text/javascript">
function ajax_xmlhttp(){
//在IE中創(chuàng)建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; i<msXmlhttp.length; i++){
try
{
_xmlhttp=new ActiveXObject(msXmlhttp[i]);
}
catch(e)
{
_xmlhttp=null;
}
} //循環(huán)創(chuàng)建基于IE瀏覽器的xmlhttp.結(jié)束
//如果非IE瀏覽器,則創(chuàng)建基于FireFox等瀏覽器的xmlhttpRequest
if(!_xmlhttp && typeof XMLHttpRequest != "undefined")
{
_xmlhttp=new XMLHttpRequest();
}
return _xmlhttp;
}
alert(ajax_xmlhttp());
</script>
</body>
</html>
運(yùn)行上面代碼以后.在IE瀏覽器里會(huì)彈出"Object",在FF和Chrome瀏覽器里會(huì)彈出"Object XMLHTTPRequest"字樣,如果正確彈出的話即代表 XMLHTTPRequest對(duì)象創(chuàng)建成功!
第2:我們使用Asp技術(shù)來輸出一個(gè)xml文件.在以后的ajax教程實(shí)例中.我們都將請(qǐng)求該文件進(jìn)行ajax的讀取,添加,刪除,修改數(shù)據(jù)的操作.也許你還不知道.我們可以使用服務(wù)端的任何一種語言將數(shù)據(jù)以xml的格式輸出.比如我們使用Asp讀取數(shù)據(jù)庫某個(gè)表內(nèi)的數(shù)據(jù),然后將該表的數(shù)據(jù)做為xml文件格式來輸出到客戶端.這也是ajax最標(biāo)準(zhǔn)的使用方法!點(diǎn)擊查看:asp輸出xml格式的數(shù)據(jù)
下面是該asp文件的源碼,你可以復(fù)制到你的電腦里進(jìn)行測(cè)試.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
好了,今天的ajax系統(tǒng)教程準(zhǔn)備工作已經(jīng)完成.明天我們將小試牛刀--ajax初試之讀取數(shù)據(jù)
出自:http://Www.Web666.Net
作者:康董
相關(guān)文章
多ajax請(qǐng)求的各類解決方案(同步, 隊(duì)列, cancel請(qǐng)求)
ajax帶來很好的用戶體驗(yàn),于是一個(gè)稍微注重web系統(tǒng)使用ajax基本成為必然。當(dāng)傳統(tǒng)功能型web項(xiàng)目向用戶體驗(yàn)型項(xiàng)目轉(zhuǎn)變時(shí),層出不窮的需求就來了。正如本篇所介紹的就是一個(gè)多個(gè)AJAX請(qǐng)求的情況下,如何利用jquery來處理幾種case2012-03-03
如何利用Ajax實(shí)現(xiàn)地區(qū)三級(jí)聯(lián)動(dòng)詳解
這篇文章主要給大家介紹了關(guān)于如何利用Ajax實(shí)現(xiàn)地區(qū)三級(jí)聯(lián)動(dòng)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
pjblog發(fā)表評(píng)論用的ajaxJS.js
pjblog發(fā)表評(píng)論用的ajaxJS.js...2007-04-04
jQuery實(shí)現(xiàn)AJAX定時(shí)刷新局部頁面實(shí)例
本篇文章通過兩種方法實(shí)例講解ajax定時(shí)刷新局部頁面,當(dāng)然方法有很多種,也可以不使用ajax來刷新頁面,可以使用jquery中的append來給指定內(nèi)容加?xùn)|西,但是都不太實(shí)用,最實(shí)用的方法還是ajax加載數(shù)據(jù)了。2015-09-09
iframe實(shí)現(xiàn)Ajax文件上傳效果示例
Ajax文件上傳效果實(shí)現(xiàn)的方法有很多,在本文將為大家介紹下使用iframe是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過2013-12-12
詳解ajax +jtemplate實(shí)現(xiàn)動(dòng)態(tài)分頁
jtemplate是一個(gè)基于JQuery的模板引擎插件,功能非常強(qiáng)大,有了她你就再不用為使用JS綁定數(shù)據(jù)集而發(fā)愁了。本文給大家分享ajax +jtemplate實(shí)現(xiàn)動(dòng)態(tài)分頁,需要的朋友可以參考下本文2015-09-09
jquery1.8版本使用ajax實(shí)現(xiàn)微信調(diào)用出現(xiàn)的問題分析及解決辦法
這篇文章主要介紹了jquery1.8版本使用ajax實(shí)現(xiàn)微信調(diào)用出現(xiàn)的問題分析及解決辦法的相關(guān)資料,需要的朋友可以參考下2015-11-11
用AJAX實(shí)現(xiàn)的無刷新的分頁實(shí)現(xiàn)代碼(asp.net)
最近學(xué)習(xí)了AJAX技術(shù)。AJAX,指的是異步的Javascript和xml。它的基本原理就是頁面用Javascript發(fā)送一個(gè)異步的http請(qǐng)求到服務(wù)器,服務(wù)器返回?cái)?shù)據(jù)后,再用Javascript靜態(tài)的去更改頁面某個(gè)地方的值,而無需提交表單。2011-04-04

