English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
開発中、AJAXの使用は非常に頻繁です。もちろん、jQueryのAJAX関数は非常に使いやすく、編集者は少し整理して、異なるニーズに応じてパラメータの入力を簡略化するために、以下の例コードを提供します:
$(function(){ /** * ajax包装 * url リクエストを送信するアドレス * data サーバーに送信するデータ、配列で保存されています:{"date": new Date().getTime(), "state": 1} * async デフォルト値: true。デフォルト設定では、すべてのリクエストが非同期リクエストです。同期リクエストを送信する必要がある場合は、このオプションを false に設定してください。 * 注意,同期リクエストはブラウザをロックし、ユーザーの他の操作はリクエストが完了するまで実行できません。 * type 请求方式("POST" 或 "GET"), デフォルトは "GET" * dataType サーバーからの期待されるデータタイプ、一般的には:xml、html、json、text * successfn 成功コールバック関数 * errorfn エラーコールバック関数 */ jQuery.syncAjax=function(url, data, async, type, dataType, successfn, errorfn) { ; async = (async==null || async=="" || typeof(async)=="undefined")63; "true" : async; ; type = (type==null || type=="" || typeof(type)=="undefined")63; "post" : type; ; dataType = (dataType==null || dataType=="" || typeof(dataType)=="undefined")63; "json" : dataType; data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data; $.ajax({ type: type, async: async, data: data, url: url, dataType: dataType, success: function(d){ successfn(d); }, error: function(e){ errorfn(e); } }); }); /** * ajax包装 * url リクエストを送信するアドレス * data サーバーに送信するデータ、配列で保存されています:{"date": new Date().getTime(), "state": 1} * successfn 成功コールバック関数 */ jQuery.jsonAjax=function(url, data, successfn) { data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data; $.ajax({ type: "post", data: data, url: url, dataType: "json", success: function(d){ successfn(d); } }); }); /** * ajax包装 * url リクエストを送信するアドレス * data サーバーに送信するデータ、配列で保存されています:{"date": new Date().getTime(), "state": 1} * dataType サーバーからの期待されるデータタイプ、一般的には:xml、html、json、text * successfn 成功コールバック関数 * errorfn エラーコールバック関数 */ jQuery.jsonAjax2=function(url, data, successfn, errorfn) { data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data; $.ajax({ type: "post", data: data, url: url, dataType: "json", success: function(d){ successfn(d); }, error: function(e){ errorfn(e); } }); }); });
これで本文の全てが終わりました。皆様の学習に役立つことを願っていますし、ナイアラチュートリアルを多くのご支援をいただけますように。
声明:本文の内容はインターネットから取得しており、著作権者は所有しており、インターネットユーザーが自発的に貢献し、自己でアップロードしています。本サイトは所有権を持ちませんし、編集も行っていません。著作権侵害が疑われる内容がある場合は、以下のメールアドレスにご連絡ください:notice#oldtoolbag.com(メールを送信する際は、#を@に変更してください。申し訳ありませんが、関連する証拠を提供し、一旦確認ができ次第、本サイトは侵害が疑われるコンテンツをすぐに削除します。)