ホームページ > 記事 > ウェブフロントエンド > Ajaxページ非リフレッシュ実装の詳細説明(コード付き)
今回は、Ajaxページを更新しない場合の注意事項について詳しく説明します。実際のケースを見てみましょう。
ajax (ajax開発)
AJAXとは、「Asynchronous Javascript And XML」(Asynchronous JavaScript and XML)の略で、インタラクティブなWebアプリケーションを作成するためのWeb開発技術を指します。
AJAX = 非同期 JavaScript および XML (標準ユニバーサル マークアップ言語のサブセット)。
AJAX は、高速で動的な Web ページを作成するためのテクノロジーです。
AJAX を使用すると、バックグラウンドでサーバーと少量のデータを交換することで、Web ページを非同期に更新できます。これは、ページ全体を再読み込みしなくても、Web ページの一部を更新できることを意味します。
従来の Web ページ (AJAX を使用しない) では、コンテンツを更新する必要がある場合、Web ページ全体を 再読み込みする必要があります。
現在、ほとんどのウェブサイトはページ更新操作を実現するために ajax を使用しています。
非更新とは: ajax はページとバックグラウンドの間のデータ対話を実現できます。これは、AJAX の非更新です。
ajax メソッドの実装:
各ページでの呼び出しを容易にするために ajax をカプセル化できます:
function MyAjax(type, url, callBack, data, dataType, asyncType) { if (dataType == null) { dataType = "text"; } if (asyncType == null) {asyncType = true; } $.ajax({ type: type, // post或者get url: url , //url最好加一个url+Math.random(),这样可以保证每次请求的页面被浏览器视为不同 data: data, //这里是要传递的参数,格式为 data: "{paraName:paraValue}" dataType: dataType, //string,xml,script,json,text async:asyncType, //同步异步true /false error: function (XmlHttpRequest, xmlhttp, info) { }, success: function (result) { //回调函数,result,返回值 callBack(result); }, }); }
Call: MyAjax('post',"url?id=" + id, DoOK);
命令: async: true は非同期を意味します。このメソッドは、ajax がリクエストを送信した後、サーバーが戻るのを待機している間、フロント デスクが ajax ブロックの背後でスクリプトを実行し続けることを意味します。サーバーが正しい結果を返すまで、成功は実行されません。これは、オープンと同等です。 ;false は同期を意味します。つまり、フロントエンドは実行前にサーバーがデータを返すのを待ちます。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
AJAX の XMLHttpRequest オブジェクトの使用方法の詳細な説明
AJAX はサーバーとブラウザ間の長時間接続をどのように実現するのですか?
以上がAjaxページ非リフレッシュ実装の詳細説明(コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。