jQuery API の jQuery . ajaxSetup( options ) は、今後のAjaxリクエストのデフォルト値（初期設定値・既定値）を設定するメソッド。
引数
options
{ key1: value1, key2: value2, key3: value3 }のようにキーと値のペアで設定する。
設定できるキーや値については、jQuery . ajax( settings )のページを参照。
記述方法
jQuery . ajaxSetup(
{
key1: value1,
key2: value2,
key3: value3
}
);
{
key1: value1,
key2: value2,
key3: value3
}
);
記述例
jQuery . ajaxSetup(
{
url: 'sample.php',
data: {
year: '2011',
month: '11',
day: '29'
}
}
);
{
url: 'sample.php',
data: {
year: '2011',
month: '11',
day: '29'
}
}
);
AjaxリクエストのURLのデフォルト値を、「sample.php」に設定。サーバへ送信するデータのデフォルト値を、{ year: '2011', month: '11', day: '29' }に設定。
実装例（サンプル）
実装例（サンプル）の動作について
「toggle」ボタンをクリックすると、「jquery-sample-ajax-php.php」ファイルの実行結果を読み込み、黄色のボックス要素内に表示する。リクエスト時、「year」「month」「day」のパラメータを送信し、「jquery-sample-ajax-php.php」ファイルで取得し、表示する。「toggle」ボタンを、再度クリックすると、元に戻す。
読み込みが成功すると、「toggle」ボタンの右横に「読み込み成功」と表示する。
実装例（サンプル）のソースコード
JavaScript
<script>
<!--
jQuery( function() {
jQuery . ajaxSetup(
{
url: 'jquery-sample-ajax-php.php',
data: {
year: '2011',
month: '11',
day: '25'
}
}
);
jQuery( '#jquery-sample-button' ) . toggle(
function() {
jQuery . ajax( {
data: {
day: '29'
},
success: function( data ) {
jQuery( '#jquery-sample-ajax' ) . html( data );
jQuery( '#jquery-sample-textStatus' ) . text( '読み込み成功' );
},
error: function( data ) {
jQuery( '#jquery-sample-textStatus' ) . text( '読み込み失敗' );
}
} );
},
function() {
jQuery( '#jquery-sample-ajax' ) . html( '' );
jQuery( '#jquery-sample-textStatus' ) . text( '' );
}
);
} );
// -->
</script>
<!--
jQuery( function() {
jQuery . ajaxSetup(
{
url: 'jquery-sample-ajax-php.php',
data: {
year: '2011',
month: '11',
day: '25'
}
}
);
jQuery( '#jquery-sample-button' ) . toggle(
function() {
jQuery . ajax( {
data: {
day: '29'
},
success: function( data ) {
jQuery( '#jquery-sample-ajax' ) . html( data );
jQuery( '#jquery-sample-textStatus' ) . text( '読み込み成功' );
},
error: function( data ) {
jQuery( '#jquery-sample-textStatus' ) . text( '読み込み失敗' );
}
} );
},
function() {
jQuery( '#jquery-sample-ajax' ) . html( '' );
jQuery( '#jquery-sample-textStatus' ) . text( '' );
}
);
} );
// -->
</script>
CSS
<style type="text/css">
<!--
#jquery-sample {
margin: 10px;
width: 200px;
}
#jquery-sample-ajax {
margin: 10px;
padding: 10px;
height: 100px;
background-color: yellow;
border: 1px solid gray;
border-radius: 10px;
}
-->
</style>
<!--
#jquery-sample {
margin: 10px;
width: 200px;
}
#jquery-sample-ajax {
margin: 10px;
padding: 10px;
height: 100px;
background-color: yellow;
border: 1px solid gray;
border-radius: 10px;
}
-->
</style>
HTML
<div id="jquery-sample">
<p>
<button id="jquery-sample-button">toggle</button>
<span id="jquery-sample-textStatus"></span>
</p>
<div id="jquery-sample-ajax"></div>
</div>
<p>
<button id="jquery-sample-button">toggle</button>
<span id="jquery-sample-textStatus"></span>
</p>
<div id="jquery-sample-ajax"></div>
</div>
読み込むPHPファイル
<p>読み込んだ内容。</p>
<p>年：<?php echo $_GET['year']; ?>年</p>
<p>月：<?php echo $_GET['month']; ?>月</p>
<p>日：<?php echo $_GET['day']; ?>日</p>
<p>年：<?php echo $_GET['year']; ?>年</p>
<p>月：<?php echo $_GET['month']; ?>月</p>
<p>日：<?php echo $_GET['day']; ?>日</p>