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;
}