ホームページ  >  記事  >  ウェブフロントエンド  >  Ajaxページ非リフレッシュ実装の詳細説明(コード付き)

Ajaxページ非リフレッシュ実装の詳細説明(コード付き)

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-04 17:35:582945ブラウズ

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

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