最初の行で関数の代わりにドキュメントレディを使用することをお勧めします。これにより、ページ全体(およびすべての要素)がロードされるまでコードが実行されないようになります。
その後、フェードとロードのコールバック関数を使用して、タイムリーにアクションを実行できます。
.phpの後に追加できる追加の変数は、reload.phpファイルで$ var1 = $_GET['var1'];として読み取ることができます。ただし、セキュリティのためにこれらをサニタイズするようにしてください。
<script type="text/javascript">
// execute when document is ready
$(document).ready(function() {
// add click handler to your button
$("#myButton").click(function() {
// fade div out
$("#loaddiv").fadeOut('slow',function(){
// load new content
$("#loaddiv").load("reload.php?var1=foo&var2=bar",function(){
// content has finished loading, fade div in.
$("#loaddiv").fadeIn('slow');
}); // end load content
}); // end fade div out
}); // end add click to button
}); // end document ready
</script>
さまざまな変数について、HTML5スタイルの変数をボタンに追加できます。
<input type="button" id="myButton" data-var1="foo" data-var2="bar" />
ボタンがクリックされたときにこれを取得できます。
// add click handler to your button
$("#myButton").click(function() {
// get vars to use
var var1 = $(this).data('var1');
var var2 = $(this).data('var2');
...
load("reload.php?var1="+var1+"&var2="+var2
複数のボタン/リンクがある場合は、ID「myButton」の代わりにクラスを使用します。そうすれば、上記のスクリプトを使用してすべてのボタンに関数を適用できます。「.myButton」を「#myButton」に置き換えるだけです