ajaxの機能とは何ですか? ajaxの機能と書き方を詳しく解説

この記事では主に 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 サイトの他の関連記事を参照してください。