json文件是一種輕量級的數據交互格式。一般在jquery中使用getJSON()方法讀取。
$.getJSON(url,[data],[callback])
url:載入的頁面地址
data: 可選項,發送到伺服器的數據,格式是key/value
callback:可選項,載入成功後執行的回調函數
1.首先建一個JSON格式的文件userinfo.json 保存用戶信息。如下:
?
1234567891011121314151617
[{"name":"張國立","sex":"男","email":"[email protected]"},{"name":"張鐵林","sex":"男","email":"[email protected]"},{"name":"鄧婕","sex":"女","email":"[email protected]"}]
2.其次建一個頁面用於獲取JSON文件里的用戶信息數據,並顯示
?
04142
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>getJSON獲取數據</title><script type="text/javascript" src="js/jquery-1.8.2.min.js"></script><style type="text/css">#divframe{ border:1px solid #999; width:500px; margin:0 auto;}.loadTitle{ background:#CCC; height:30px;}</style>< script type = "text/javascript" >$(function (){ $("#btn").click(function () { $.getJSON("js/userinfo.json", function (data){ var $jsontip = $("#jsonTip"); var strHtml = "123"; //存儲數據的變數 $jsontip.empty(); //清空內容 $.each(data, function (infoIndex, info){ strHtml += "姓名:" + info["name"] + "<br>"; strHtml += "性別:" + info["sex"] + "<br>"; strHtml += "郵箱:" + info["email"] + "<br>"; strHtml += "<hr>" }) $jsontip.html(strHtml); //顯示處理後的數據 }) })})</script></head><body><div id="divframe"><div class="loadTitle"><input type="button" value="獲取數據" id="btn"/></div><div id="jsonTip"></div></div></body></html>
❷ 組件通過mapgetters函數獲取json里的數據後 怎麼調用
<pre t="code" l="js">var jsonback = function (json) {
return json;
};
var jsonObj = eval(obj.data);或者
<pre t="code" l="js">var jsonStr = JSON.parse(obj.data.match(/^jsonback\((.*)\);$/)[1]);
❸ html5調用json數據介面怎麼寫
用js的ajax,這個是jquery的一個簡單例子,純js的會稍微復雜點,
$.ajax({
type: "post",//請求方式
dataType: "json",//數據回類型
url: "",//請求地址
success: function (msg) {
//成功之後調用答
}
});
❹ 用PHP調用API返回JSON值,怎麼把JSON返回值調用到html呢
用json_decode()將json字元串轉化成php數組,然後直接循環數組取出值即可版。
<?php
$content= file_get_contents('獲取json字元權串的url');
$content = json_decode($content);//將json字元串轉化成php數組
foreach ($content as $key ) {//循環數組
echo '<li>' . $key['city'] . '</li>';
echo '<li>' . $key['city_en'] . '</li>';
echo '<li>' . $key['date_y'] . '</li>';
echo '<li>' . $key['week'] . '</li>';
}
❺ JS獲取json的值
//a.js
varjsonData={"data":{"todayCost":111,"todayTax":222},"msg":[],"status":0,"statusInfo":{}};
//引用
alert(jsonData.data.todayCost);
❻ java怎麼取json數據的值
獲取JSON的值。 就是解析JSON數據.
如果是簡單的JSON數據, 並且只需要提取少量數據的值, 那麼可以使用字元串的操作來實現,比如String.subString()...等
如果是比較復雜的JSON數據,或者需要提取的值比較多, 那麼可以使用Gson, FastJSon 等第三方的jar來實現...
簡單的Demo示例
第三方包使用的是Gson
importcom.google.gson.JsonElement;
importcom.google.gson.JsonObject;
importcom.google.gson.JsonParser;
publicclassGsonTest{
publicstaticvoidmain(String[]args){
StringstrJson="{"name":"張三","age":12}";
JsonParserparser=newJsonParser();
JsonElementje=parser.parse(strJson);
JsonObjectjobj=je.getAsJsonObject();//從json元素轉變成json對象
Stringname=jobj.get("name").getAsString();//從json對象獲取指定屬性的值
System.out.println(name);
intage=jobj.get("age").getAsInt();
System.out.println(age);
}
}
❼ 如何用php調用外部介面json數據
一般使用php發送請求,獲取返回的數據,進行解析;
<?php
$url="介面地址";
//發送請求獲取返回值,file_get_contents只支持get請求,post使用curl
$json = file_get_contents($url);
//把json數據轉化成數組
$data = json_decode($json,true);
//列印看看
print_r($data);
?>
❽ 如何用php調用外部介面json數據
兩種比較簡單的方法:
1、使用curl
$url="http://www.xxxxxxxxxx.com/";
$ch=curl_init();
curl_setopt($ch,CURLOPT_URL,$url);
curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
curl_setopt($ch,CURLOPT_TIMEOUT,30);
$output=curl_exec($ch);
curl_close($ch);
echo$output;
2、使用file_get_contents
$output=file_get_contents($url);
echo$output;
3 、使用socket 也是可以的
❾ json中怎麼取出對象的屬性值啊
json中取出對象的屬性值步驟如下:
1、打開vscode,創建一個測試頁面JsonTest.html,用於演示在版js中如何獲取json對象的屬性權集合。
❿ 怎樣取JSON里的值
javascript 獲取jason值:
var jsonData;
$.ajax({
type: "Get", //請求的方法
url: "../public/dataaccess/rain/RainAreaMaxDataProvider.ashx?adomParameter=" + Math.floor(Math.random() * 1000 + 1), //要傳遞參數使用進行處理的類名稱
dataType: "text", //返回的數據類型
global: false, //Ajax的范圍
async: false, //非同步執行
//成功情況下的處理
success: function (strReult) {
jsonData=eval("("+strReult+")");
// var f= jsonData.AreaMax.data[0].AREA;
}, //失敗情況下的處理
error: function () {
alert("Ajax請求數據失敗!");
}
});
//循環讀取
for(var i=0;i<jsonData.AreaMax.data.length;i++){
rainAreaMaxHtml+=jsonData.AreaMax.data[i].AREA+jsonData.AreaMax.data[i].STNM+jsonData.AreaMax.data[i].VAL;
}