jQueryでのAjax共通ロジック

都度都度作るハメになってしまっているので、書き残しメモ

ajaxcommon.js

//-----------------------------------------------
// ajax共通
//  requrl:リクエスト先
//  reqparam:リクエストパラメータ(json形式)
//  callback:ajax成功時における関数処理
//  cbparam:ajax成功時における関数処理の引数
//            （複数必要な場合は、json等を使用）
//-----------------------------------------------
const ajaxcommon = function(requrl,reqparam,callback,cbparam){
  $.ajax({
    type: "post",
    url: requrl,
    data: reqparam,
    dataType : 'json'
  }).done(function(data) {
    if(callback) callback(data, cbparam);
  }).fail(function(e) {
    //エラー処理
    console.log(e);
  });
}

type("post" or "get")の指定とエラー処理はお好みで
※エラーは引数増やして、ちゃんとやったほうが良いかも

使い方

{"reqname1":"name1","reqname2":"name2"} 

みたいなjsonがリクエスト先から返ってくると仮定するとして、

temp.js

$(document).ready(function(){
  //取得ボタン押下
  $("#getbtn").on("click", function(){
    ajaxcommon(
              "/hoge/ajax/",
              {reqcode:"001"},
              setdata,
              {setid1:"field1",setid2:"field2"} //設定id
    );
  });
});

//設定処理
var setdata = function(data, params){
  console.log(data);
  $("#"+params["setid1"]).val(data["reqname1"]);
  $("#"+params["setid2"]).val(data["reqname2"]);
}

とかで動かすイメージ