ディレクトリ
XMLHttpRequestオブジェクトのパラメータ設定要求
AJAXとは何ですか?
- AJAX:」非同期JavaScriptとXML」
- 中国の意味:非同期のJavaScript とXML 。
- それは作成を参照するインタラクティブなWeb開発技術Webアプリケーション。
- AJAXは頭字語ではない、しかしによってジェシー・ジェームズGaiiettの用語の作成。
- :単に理解するJavaScript + のXMLHttpRequest + CSS + 収集サーバ
なぜAJAX?
この期間中に、アカウントのパスワードを入力して送信する]をクリックし、サーバーに送信され、ユーザーの後にログイン後、伝統的なWebページ、ため、ユーザーはページを更新するために、実装サーバの完了後、この期間中に動作することはできませんが、AJAXを使用すると、ユーザーはすることができますアカウントやパスワード、ユーザの入力操作理由は、それが密かにサーバーにリクエストを送信してきたが、ページをリフレッシュしません。
AJAXの利点
- 本質的にlAjaxは、ブラウザ技術であります
- ローカルクライアントとサーバ間の技術lAjaxデータ交換の主な目的
- 主人公のXMLHttpRequest技術の最も顕著な特徴は、それが情報を更新するために、全体のレイアウトを再ロードすることができないということですリットル、リロードせずに、いわゆるリフレッシュ(光リフレッシュ)
- 実装するための完全にJavascriptを介してサーバー間のL通信
- L自体のXMLHttpRequest送信されるデータの量が非常に少ないので、反応が速くなり、プログラムはより多くのデスクトップアプリケーションのようなネットワークを行います
- lAJAXは、サーバーへの背景情報で静かに話を助けるためにJavascriptを使用して、最終的に助けにあなたはJavascriptやDOMの結果を提示し、すべてのアクションはJavascriptがそれを行う作られているので、そのページのリロードのトラブル保存、ユーザーも感じることです痛みのために待つことができません
XMLHttpRequestオブジェクトを作成します。
コアAjaxアプリケーションのXMLHttpRequest、IEのブラウザとIE以外のブラウザではXMLHttpRequestオブジェクトを作成するためのさまざまな方法です。要するに:それは、サーバーから非同期TXTまたはXMLデータを取得することができます
XMLHttpRequestオブジェクトを使用して
以下のモードのうち、同期はXMLHttpRequestがオブジェクトをすることができます:
1.オブジェクトを作成します。 - 新しい(アシスタントがアップと呼ばれます)
2.要求を作成します。 - オープン(何かをする彼に伝えるために)
3.送信要求; - 送信(ゴー)
XMLHttpRequestオブジェクトのパラメータ設定要求
し1.Getの道
1.1の設定パラメータ
xhr.open( "GET"、 "GetAreasByAjax.ashx isAjax = 1?"、真の);
1.2GETブラウザモード要求にはキャッシュ設けなくてもよい
xhr.setRequestHeaderを(「IF修飾-ため 」、「0」)。
1.3送信:
xhr.send(NULL); // GETする方法
2.POST方法:
1.1セットのパラメータ:
xhr.open( "POST"、真の"GetAreasByAjax.aspx");
1.2追加要求ヘッダー:
xhr.setRequestHeader( "のContent-Type"、 "アプリケーション/ x-www-form-urlencodedで")。
1.3送信:
xhr.send( "isAjax = 1&123 = NA"); // POST方式
要求が応答に戻って送信されます後、それは私がどのように知っていることを要求している返すためにそれを?
コールバック関数を設定します。
非同期XMLHttpRequestオブジェクト
非同期のXMLHttpRequestオブジェクトを使用するときは、使用する必要があります:onreadystatechangeにイベントを。
使用パターンは次のようになります。
オブジェクトを作成します。1.; -new
2.設定readystatechangeイベントがトリガされ、コールバック関数を、-onreadystatechagne
3.オープン要求。-open
前記送信要求、-send
注:コールバック関数をチェックreadyStateのプロパティデータの準備ができているかどうかを確認する(4に等しいかどうか)。
準備ができていない場合は、随時再確認してください。データがダウンロードされていないので、我々はそのプロパティとメソッドを使用することはできません。
あなたがダウンして継続する準備ができたら、
詳細コード:
<script type="text/javascript">
$(function () {
$("#btnGetDate").click(function () {
//开始通过AJAX向服务器发送请求.
var xhr;
if (XMLHttpRequest) {//表示用户使用的高版本IE,谷歌,狐火等浏览器
xhr = new XMLHttpRequest();
} else {// 低IE
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open("get", "GetDate.ashx?name=zhangsan&age=12", true);
xhr.send();//开始发送
//回调函数:当服务器将数据返回给浏览器后,自动调用该方法。
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {//表示服务端已经将数据完整返回,并且浏览器全部接受完毕。
if (xhr.status == 200) {//判断响应状态码是否为200.
alert(xhr.responseText);
}
}
}
});
});
</script>