この記事では主にajaxの定義と ajax の役割について説明し、最後に ajax の書き方について詳しく説明します

それはAjAxですか？

非同期JavaScriptとXML。

機能とは何ですか?

AjAx を介してサーバーとデータを交換し、AjAx は Web ページを使用してレイアウトの更新を実装できます。

これは、ページ全体を再読み込みしなくても、Web ページの一部を更新できることを意味します。

Ajaxを実装するには?

XmlHttpRequest オブジェクト。このオブジェクトを使用して、サーバーにリクエストを非同期に送信し、応答の更新を取得し、部分的な更新を完了できます。開ける responseText/responseXML 部分応答を送信します。 (さらに詳しく知りたい場合は、PHP 中国語 Web サイトのAJAX 開発マニュアル列にアクセスして学習してください)

使用シナリオ

ログインが失敗した場合は、そのページにジャンプしないでください。

登録すると、ユーザー名が存在するかどうかをリアルタイムで確認するメッセージが表示されます。

州と市町村の連携。

画像サーバーを管理し、遅延読み込みを実行します。

ネイティブAjAx執筆:

var XHR=null; if (window.XMLHttpRequest) { // 非IE内核 XHR = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE内核,这里早期IE的版本写法不同,具体可以查询下 XHR = new ActiveXObject("Microsoft.XMLHTTP"); } else { XHR = null; } if(XHR){ XHR.open("GET", "ajaxServer.action"); XHR.onreadystatechange = function () { // readyState值说明 // 0,初始化,XHR对象已经创建,还未执行open // 1,载入,已经调用open方法,但是还没发送请求 // 2,载入完成,请求已经发送完成 // 3,交互,可以接收到部分数据 // status值说明 // 200:成功 // 404:没有发现文件、查询或URl // 500:服务器产生内部错误 if (XHR.readyState == 4 && XHR.status == 200) { // 这里可以对返回的内容做处理 // 一般会返回JSON或XML数据格式 console.log(XHR.responseText); // 主动释放,JS本身也会回收的 XHR = null; } }; XHR.send(); }

ログイン後にコピー

Jquery AjAx執筆:

$.ajax({ url:"servlet", type:"post",//get data:{}, async:true, cache:true, complete:function(){}, traditional:false, dataType:"json", success:function(data){}, error:function(){} }); $.post("servlet",{},function(data){},"json"); $.get("servlet",function(data){},"json");

ログイン後にコピー

この記事はここで終わります（もしよろしければ）もっと見る) PHP 中国語 Web サイトで学習してくださいAJAX ユーザーマニュアル欄) ご質問がある場合は、以下にメッセージを残してください。

以上がajaxの機能とは何ですか? ajaxの機能と書き方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。