ホームページ  >  記事  >  ウェブフロントエンド  >  ajaxの機能は何ですか? ajax の役割の詳細な紹介 (例付き)

ajaxの機能は何ですか? ajax の役割の詳細な紹介 (例付き)

寻∝梦
寻∝梦オリジナル
2018-09-10 14:51:195076ブラウズ

この記事では、皆さんがよりわかりやすく 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.サーバーに接続します<span class="pln" style="color:rgb(72,72,76);"></span>

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

3. 戻り値を受け取る

xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
alert(&#39;成功:&#39;+oAjax.responseText);
}
else
{
alert(&#39;失败:&#39;+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(&#39;GET&#39;,
 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(&#39;失败:&#39;+oAjax.status);
}
}
};
}

、PHP 中国語 Web サイト

AJAX ユーザーマニュアル

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。