Ajax開始準備篇

2024-09-01 08:29:14

字體：大中小

來源：轉載

供稿：網友

在此之前我們需要做一下簡單的ajax準備工作，但你必須要具備基本的html,javascript,dom編寫能力．否則這個ajax教程你讀起來會很吃力．我的目的是通過這份教程．可以讓你在你的網頁中使用ajax技術實現，讀取，添加，修改，刪除數據的操作．也許你是只老鳥對我寫的這些不屑一顧，但我還是希望你能看下該教程中演示的一些例子，沒準會有地方吸引你！
下面我們要做的有2點．第１我們必須創建一個可用的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; i<msXmlhttp.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對象創建成功！
第２：我們使用Asp技術來輸出一個xml文件．在以后的ajax教程實例中．我們都將請求該文件進行ajax的讀取，添加，刪除，修改數據的操作．也許你還不知道．我們可以使用服務端的任何一種語言將數據以xml的格式輸出．比如我們使用Asp讀取數據庫某個表內的數據，然后將該表的數據做為xml文件格式來輸出到客戶端．這也是ajax最標準的使用方法！點擊查看：asp輸出xml格式的數據
下面是該asp文件的源碼，你可以復制到你的電腦里進行測試．

<% '出自：http://Www.Web666.Net '作者：康董 '如需轉載請務必保留以上信息 '定義一個變量，來保存xml數據 dim xml xml = "<?xml version='1.0' encoding='gb2312'?><body>" xml = xml&"<msg>一個簡單的Asp輸出xml的示例，以后在我們的ajax教程實例中，我們都將使用該文件進行數據的讀取操作            </SPAN>
</div>
</div>
<div   id="iwvjtn8m0"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="iwvjtn8m0"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/09-01/1538667.html'>AJAX 請求區分 $_SERVER['HTTP_X_REQUESTED_WITH'] 小解</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/09-01/1538669.html'>PHP匹配連續的數字或字母的正則表達式</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="iwvjtn8m0"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學習交流