Header First HTML 5読書ノート

JSONデータについては、xmlよりも読みやすく、ポピュラーなデータフォーマットjsでは数字、文字列、配列などの基本タイプがJSONデータに変換できるため、jsでは使用できない、JSON.stringify()は、jsタイプがJSONデータJSONに変換する.parse( );JSONデータの解析

var plan9movie = new Movie('Plan 9 form Outer Space', 'Cult Classic', 2, ['3:00pm', '7:00pm']);
var jsonString = JSON.stringify(plan9Movie);

var jsonMovieObject = JSON.parse(jsonString);

AJAX

window.onload = function(){
  var url = 'http://wickedlysmart.com/ifeelluckytoday';
  var request = new XMLHttpRequest();
  request.onload = function(){
    if (request.status = 200){
      displayLuck(request.responseText)
    }
  };
  request.open('GET', url);
  request.send(null);
}

function displayLuck(luck) {
  var p= document.getElementById('luck');
  p.innerHTML = 'today you are' +luck;
}

request.onloadは、サーバからデータを取得する要求が完了すると呼び出される関数を定義します.これはXMLHttpRequest Level 2の書き方(IE 8、Opera 10などより下位バージョンのブラウザではLeve 2はサポートされていません)XMLHttpRequest Level 1の書き方です.

function init(){
  var url = 'http://localhost/gumball/sales.json';
  var request = new XMLHttpRequest();
  request.onreadystatechange = function(){
    if(request.readyState ==4 && request.status ==200){
      updateSales(request.responseText);
    }
  };
  request.open('GET', url);
  request.send(null);
}

ドメイン間ブラウザのセキュリティポリシー
ブラウザでは、以前に提供されたドメイン以外のドメインに対してXMLHttpRequestリクエストを発行することはできません.つまり、XMLHttpRequestでサードパーティのWebサイトデータを要求することはできません.JSONPを使用してこの問題を回避することができます.
JSONPとは、JSONオブジェクトをタグで取得する方法であり、以下のようにcallbackは定義されたコールバック関数</p>
<pre><code><script src="http://gumball.wickedlysmart.com/?callback=updateSales">
具体例: