jQuery.getJSON() では細かいオプション指定ができないので、jQuery.ajax() を使いたい場合もあるでしょう。
次のコードをsample_ajaxJSON.htmlという名前で保存します。
<html>
<head>
<title>jQuery.ajax JSON sample</title>
<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function() {
$("#btn").click(function(){
var uri = "./simple.json";
var html = $.ajax({
url: uri,
async: false
}).responseText;
var json = $.parseJSON(html);
for (i in json) {
$("#result").append(i + ": " + json[i]).append("<br/>");
}
});
});
</script>
</head>
<body>
<form>
<input type="button" value="show" id="btn" />
</form>
<div id="result"></div>
</body>
</html>
<head>
<title>jQuery.ajax JSON sample</title>
<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function() {
$("#btn").click(function(){
var uri = "./simple.json";
var html = $.ajax({
url: uri,
async: false
}).responseText;
var json = $.parseJSON(html);
for (i in json) {
$("#result").append(i + ": " + json[i]).append("<br/>");
}
});
});
</script>
</head>
<body>
<form>
<input type="button" value="show" id="btn" />
</form>
<div id="result"></div>
</body>
</html>