Ajaxスタート準備編

2447 ワード

その前に簡単なajaxの準備をしなければなりませんが、基本的なhtml、javascript、domの作成能力を備えなければなりません.そうしないと、このajaxチュートリアルは読むのが大変です.私の目的はこのチュートリアルを通じてです.あなたのホームページでajax技術を使って実現し、読み取り、追加、修正することができます.データを削除する操作.あなたは古い鳥が私に書いたこれらを顧みないかもしれませんが、私はやはりこのチュートリアルのプレゼンテーションのいくつかの例を見て、あなたを引き付ける場所があるかもしれません.
次に私たちがしなければならないのは2つです.1つ目は、XMLHTTPRequestオブジェクトを作成する必要があります.XMLHTTPRequestとは何か分からない場合は、XMLHTTPRequestとは何ですか.
XMLHTTPRequestオブジェクトに対する各ブラウザのサポート基準が異なるため、利用可能なXMLHTTPReqeustオブジェクトとは、IE、FF、Chromeなどのブラウザでエラーなくそのオブジェクトを実行することである.JavaScriptを用いてそのオブジェクトを作成し、関数を作成します.その後のajaxチュートリアルの例では、XMLHTTPRequestを呼び出すためにこの関数を使用します.次のコードを見てください.
 
  


xmlhttpreuqest


<br>function ajax_xmlhttp(){ <br>// IE xmlhttpRequest, IE5.0 <br>var msXmlhttp = new Array("Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP"); <br>for(var i=0; i<msXmlhttp.length; i++){ <br>try <br>{ <br>_xmlhttp=new ActiveXObject(msXmlhttp[i]); <br>} <br>catch(e) <br>{ <br>_xmlhttp=null; <br>} <br>} // IE xmlhttp. <br>// IE , FireFox xmlhttpRequest <br>if(!_xmlhttp && typeof XMLHttpRequest != "undefined") <br>{ <br>_xmlhttp=new XMLHttpRequest(); <br>} <br>return _xmlhttp; <br>} <br>alert(ajax_xmlhttp()); <br>



上のコードを実行すると.IEブラウザで「Object」がポップアップされ,FFとChromeブラウザで「Object XMLHTTPRequest」という文字がポップアップされ,正しくポップアップされるとXMLHTTPRequestオブジェクトの作成に成功したことを表す!
第2:我々はAsp技術を使って1つのxmlファイルを出力する.後のajaxチュートリアルの例の中で.我々はすべてこのファイルにajaxの読み取りを行うことを要求して、追加して、削除して、データの操作を修正します.あなたはまだ知らないかもしれません.私達はサービス側のいかなる言語を使ってデータをxmlのフォーマットで出力することができます.例えば私達はAspを使ってデータベースのあるテーブル内のデータを読み取って、その後、テーブルのデータをxmlファイル形式としてクライアントに出力します.これもajaxの最も標準的な使用方法です.クリックして表示します:asp出力xmlフォーマットのデータ
次はこのaspファイルのソースコードで、あなたのパソコンにコピーしてテストすることができます.
「xml=xml&」簡単なAsp出力xmlの例ですが、ajaxチュートリアルの例では、このファイルを使用してデータの読み取り操作「xml=xml&」「Response.Clear Response.ContentType=」text/xml「Response.CharSet=」gb 2312「Response.Write xml Response.End%」を行います.
[Ctrl+A全オプション:外部Jsを導入するにはリフレッシュが必要]
では、今日のajaxシステムチュートリアルの準備はもう終わりました.明日、牛刀--ajaxの最初のデータを読み込みます.
出典:http://Www.Web666.Net
著者:康董