English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery版AJAX簡単エンキャップコード

開発中、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(メールを送信する際は、#を@に変更してください。申し訳ありませんが、関連する証拠を提供し、一旦確認ができ次第、本サイトは侵害が疑われるコンテンツをすぐに削除します。)

おすすめ