ドメインをまたぐjsonタイプのデータ要求、jsonp

2089 ワード

javascript コード:
$.ajax({
      url: "http://10.255.32.250/recent_done_seven_days",
      data: '',
      dataType: 'jsonp',
      //jsonpCallback:'callback',
      //jsonpCallback:'',
      success: function(result) {
          // var total_left = result[0]["total_left"];
          // console.log("hello");
          //total_obj.innerHTML = total_left; 
          var div_class_date_obj = document.getElementsByClassName("op_weather4_twoicon_date")
          var count = 0;
          for ( var i in result) {
             count +=1;
             var date_obj = div_class_date_obj.item(count);
                 date_obj.innerHTML = i;
             var total_obj = total_left_div_class.item(count);
               total_obj.innerHTML = "   <br>" + result[i];
              //alert(result[i]);
           }
      }
    });
サーバ端データ
オリジナルJson データ:
{"2014-09-20": 160991, "2014-09-21": 139557, "2014-09-22": 128537,
 "2014-09-23": 116622, "2014-09-19": 101450, "2014-09-25": 172008,
 "2014-09-24": 181726}
ドメインをまたぐアクセス時:  request 要求:
http://10.255.32.250/recent_done_seven_days?callback=jQuery18307264268337469602_1411657857954&_=1411657858145
に追加されました. QueryString、calback
データフォーマットを返します.
jQuery18307264268337469602_1411657857954({"2014-09-20": 160991, 
"2014-09-21": 139557, "2014-09-22": 128537, "2014-09-23": 116622,
 "2014-09-19": 101450, "2014-09-25": 172008, "2014-09-24": 181726})
サーバ端で実装された場合:  エンヴィロンを 中calback のcalbackのパラメータを抽出します.
Jsonに追加 に行きます フォーマット   「calback(」+Jsonp+「)」
跨域 json 类型数据请求, jsonp_第1张图片