Ajax POST コールバック関数を使ってみる。

<script>
$(function(){
 $("#ajax-post").load("news.php", 
   {"http":"200","keyword":"<h3>こんばんは</h3>"},
   function(text, status) {
	$(this).css("background-color", "#aaaaff").css("border","1px solid #000000").css("padding","2em");
   });
});
</script>
</head>
<body>
<div id="ajax-post"></div>


コールバック関数が使えれば、keyword と http という POST変数を送信して、応答してきたテキスト等に、関数を使って処理を行うことができる。上のコードは、思ったとおりに動作した。


ところで、jQuery 開発者向けメモ - 基本・サンプル曰く、

こちらの書き方が、今風。

$(function(){
// HTMLロード後に実行したい初期化コード
});

この書き方は、古い。

$(document).ready(function(){
// HTMLロード後に実行したい初期化コード
});