json.phpからJSON形式のデータを読み込み、追加データを渡し、戻り値のJSON形式のデータから「name」にアクセスします。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>jQuery::非同期通信::Ajaxリクエスト::jQuery.getScript(url[, callback])の使用例</title>
<link rel="stylesheet" type="text/css" href="/content/lib/global.css" />
<!-- JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(function(){
$.getJSON("/content/demo/json.php", { 'searchengine[]':{name:"msn", url:"http://jp.msn.com/"}}, function(json){
$("#res").html("JSONデータ：<span>"+json.searchengine[1].name+" "+json.searchengine[1].url+"</span>");
});
});
</script>
<style type="text/css">
#res span { color:red; }
</style>
<link rel="stylesheet" type="text/css" href="/common/css/example.css"></head>
<body id='example3' class='example'><div class="ads" style="margin:32px auto;text-align:center;"></div><h1 class='h'><a href='/'>PHP & JavaScript Room</a> :: 設置サンプル</h1>
<h3 class='h'>実行結果</h3>
<!-- CONTENT -->
<h1>jQuery::非同期通信::Ajaxリクエスト::jQuery.getScript(url[, callback])の使用例</h1>
<p>json.phpからJSON形式のデータを読み込み、追加データを渡し、戻り値のJSON形式のデータから「name」にアクセスします。</p>
<!-- CODE -->
<div id="res"></div>
<!-- / CODE -->
<!-- / CONTENT -->
</body>
</html>