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