ajaxの機能は何ですか? ajax の役割の詳細な紹介 (例付き)-jsチュートリアル-php.cn

この記事では、皆さんがよりわかりやすく ajax を使えるように、ajaxの機能の説明を中心に紹介しています。

AJAX は、Web ページ全体をリロードせずに Web ページの一部を更新できるテクノロジーです。

リフレッシュデータの読み取りなし

ユーザーログイン、株式ファンドネットワーク
非同期、同期
AJAX = 非同期JavaScriptおよびXML（非同期JavaScriptおよびXML）。 AJAX は新しいプログラミング言語ではなく、既存の標準を使用する新しい方法です。

AJAX は、サーバーとデータを交換し、ページ全体をリロードせずに Web ページの一部を更新する技術です。 AJAX を使用したアプリケーションケースは数多くあります: Sina Weibo、Google Maps、Kaixin.com など。 (さらに詳しく知りたい場合は、PHP 中国語 Web サイト

AJAX 開発マニュアル

の列にアクセスして学習してください)従来の開発モデル: ユーザーのすべての操作は、サーバーが処理した後、サーバーに HTTP リクエストを返します。ユーザーに HTML ページを返します。

ajax 開発モード: ページは、ajax エンジンを通じてユーザーの操作をサーバーと通信し、返された結果を ajax エンジンに送信し、その後、ajax が指定された場所にデータを挿入します。

ajax関数を書きます

1. ajaxオブジェクトを作成します

var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }

ログイン後にコピー

2.サーバーに接続します

xmlhttp.open('GET',url,true);//3つのパラメータはそれぞれメソッドを表します、パス、同期または非同期 (true は非同期);

3. 戻り値を受け取る

xmlhttp.onreadystatechange=function(){ if(xmlhttp.readyState==4){ if(xmlhttp.status==200){ alert('成功：'+oAjax.responseText); } else { alert('失败:'+oAjax.status); } } } 封装成函数 function ajax(url, fnSucc, fnFaild) { //1.创建Ajax对象 if(window.XMLHttpRequest) { var oAjax=newXMLHttpRequest(); } else { var oAjax=newActiveXObject("Microsoft.XMLHTTP"); } //2.连接服务器 //open(方法, 文件名, 异步传输) oAjax.open('GET', url,true); //3.发送请求 oAjax.send(); //4.接收返回 oAjax.onreadystatechange=function() { //oAjax.readyState //浏览器和服务器，进行到哪一步了 if(oAjax.readyState==4)//读取完成 { if(oAjax.status==200)//成功 { fnSucc(oAjax.responseText); } else { if(fnFaild) { fnFaild(oAjax.status); } //alert('失败:'+oAjax.status); } } }; }

ログイン後にコピー

、PHP 中国語 Web サイト

AJAX ユーザーマニュアル

の列にアクセスして学習してください) ご質問がある場合は、以下にメッセージを残してください。

以上がajaxの機能は何ですか? ajax の役割の詳細な紹介 (例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。