こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

jQuery.ajaxのdata部分を共通化したい

以下のコードについてアドバイスいただきたくご質問しました。

jQuery.ajax({
type: "POST",
url: "/hoge.php",
data: {
'aaaaa':'あああああああああああ',
'bbbbb':'いいいいいいいいいいいいいいいい',
'ccccc':'うううううううううううううううううううう',
'ddddd':'えええええええええええええええええ'
}
});

jQuery.ajax({
type: "POST",
url: "/test.php",
data: {
'aaaaa':'あああああああああああ',
'bbbbb':'いいいいいいいいいいいいいいいい',
'ccccc':'うううううううううううううううううううう',
'ddddd':'えええええええええええええええええ'
}
});


↑この形のコードが復数あります。
data{~~}の内部は、同じなので共通化?したいのですが、
この場合はどのように記述すれば良いのでしょうか。
よく行う共通処理をfunctionなどでまとめておくような外部化みたいな事は可能でしょうか。

拙い説明ですが、よろしくお願いいたします。

投稿日時 - 2015-04-23 10:56:12

QNo.8961839

困ってます

質問者が選んだベストアンサー

データ部分を共通化するなら、関数の外で

postData = {
'aaaaa':'あああああああああああ',
'bbbbb':'いいいいいいいいいいいいいいいい',
'ccccc':'うううううううううううううううううううう',
'ddddd':'えええええええええええええええええ'
};

という定義をしておいて

jQuery.ajax({
type: "POST",
url: "/hoge.php",
data: postData
});

とすれば行けますし、urlを引数として関数にまとめるなら

function hoge (postUrl) {
jQuery.ajax({
type: "POST",
url: postUrl,
data: {
'aaaaa':'あああああああああああ',
'bbbbb':'いいいいいいいいいいいいいいいい',
'ccccc':'うううううううううううううううううううう',
'ddddd':'えええええええええええええええええ'
}
});
}

という関数を用意して

hoge("/hoge.php");
hoge("/test.php");

って感じで呼び出す方法もあります。

投稿日時 - 2015-04-23 11:12:25

お礼

ありがとうございます!
アドバイスを元に処理して、うまくいきました!
処理をまとめられて、きれいな形になって嬉しいです。

投稿日時 - 2015-04-23 16:20:50

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問