Ⅰ js中怎麼獲取json格式數據
1.前端可以通過Json.parse(str)把字元串str轉換為Json格式
2.如果是獲取後台數據可以直接用jquery的ajax獲取，ajax獲取後數據就是json格式
Ⅱ jQuery AJAX獲取JSON數據
首先你要擁有一個 服務端Json介面。
然後， 通過Ajax調用介面
$.ajax({
type:'get',
url:'請求專介面地址',
dataType:'json',
success:function(res){
//請求成功，調用該方法，參數屬res就是服務端返回的Json數據
},
error:function(err){
//請求失敗，err中存放了錯誤信息
}
})
Ⅲ js用ajax從服務端獲取了json數據，怎麼保存到指定的本地目錄啊
從伺服器獲取的json數據用js是不能保存到本地的, 因為瀏覽器的機制就是這樣, 不能訪問本地的物理目錄,
如果真要想保存到本地的話建議考慮以cookie的方式保存. cookie就是本地的一個文件
Ⅳ js處理json數組 ajax
ajax是用來做數據請求的 一般大量的數據返回的話都是json格式的
Ⅳ 如何使用ajax讀取Json中的數據
html
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>使用AJAX非同步讀取json</title>
<scriptsrc="ajax.js">
</script>
<script>
window.onload=function()
{
/*獲得按鈕*/
varaBtn=document.getElementById('btn1');
//給按鈕添加點擊事件
aBtn.onclick=function()
{
//調用ajax函數
ajax('data.json',function(str){
//將JSON數據來生成原生的javaScript對象
vararr=eval(str);
alert(arr[0].b);
});
};
};
</script>
</head>
<body>
讀取json裡面的數據<br/>
<inputid="btn1"type="button"value="讀取json裡面的數據"/>
</body>
</html>
封裝的AJAX函數代碼如下：
/*
AJAX封裝函數
url：系統要讀取文件的地址
fnSucc：一個函數，文件取過來，載入完會調用
*/
functionajax(url,fnSucc,fnFaild)
{
//1.創建Ajax對象
varoAjax=null;
if(window.XMLHttpRequest)
{
oAjax=newXMLHttpRequest();
}
else
{
oAjax=newActiveXObject("Microsoft.XMLHTTP");
}
//2.連接伺服器
oAjax.open('GET',url,true);
//3.發送請求
oAjax.send();
//4.接收伺服器的返回
oAjax.onreadystatechange=function()
{
if(oAjax.readyState==4)//完成
{
if(oAjax.status==200)//成功
{
fnSucc(oAjax.responseText);
}
else
{
if(fnFaild)
fnFaild(oAjax.status);
}
}
};
}
Ⅵ js如何獲取ajax返回的json的數據
var obj = eval('(' + json + ')'); 或其他工具把json字元串轉換為js對象 ,然後obj.id 這樣訪問
Ⅶ js 讀取 json文件
如果要使用js讀取json文件，那麼ajax操作是必須的了。原生ajax有點麻煩，我想你們項目一定用了什麼js庫，這里給個jquery的例子：<br>$.get('xx.json路徑', function(data){<br> alert(data); // data即為json文件內容里的json數據<br>}, 'json');如果把這個文件的內容讀取為純文本，可以修改$.get的最後一個參數json為text，或者刪掉這個參數，默認也是text。
Ⅷ 如何通過js獲取json數據，傳到頁面
有兩種方法，一種是$.ajax(option)方法，一種是$.getJSON()方法。
實例：
一、數據集所在jsp頁面out.jsp,代碼如下
<%@page contentType="text/plain; charset=UTF-8"
language="java"
import="java.io.*,java.net.*,java.util.*"
buffer="8kb"
session="false"
autoFlush="true"
%>
<%
String jsonData="{data:[{id:200901,name:'name1'},{id:200902,name:'name2'},{id:200903,name:'姓名3'},{id:200904,name:'姓名4'},{id:200905,name:'姓名5'}]}";
//out.clear();
out.write(jsonData);
%>
二、js處理頁面
(1)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function getOut(){
var s='';
$.ajax({
type:'get',//請求方式
url:'out.jsp?id='+Math.random(), // AJAX HTTP請求介面
data:'',//提交到伺服器介面的參數 比如'{cid:0405}'，結果為out.jsp?cid=0405格式
dataType:'json',//請求類型為json, 更多見jquery doc文檔
timeout:7000,//請求超時後停止請求
success: function(json){
var d=json.data;
$.each(d,function(i){
s+=('<p>id:'+d[i].id +' | name:'+d[i].name+'</p><hr/>');
});
$('#out').html(s);}});
}
</script>
</head>
<body style="margin:20px;text-align:center;background:#E5E5E5;">
<input type="text" name="getdata" onclick="getOut()"/>
<div id="out">
</div>
</body>
</html>
(2)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script>
function showStudent(){
var s='';
$.getJSON("out.jsp?id="+Math.random(),function(json){
var d=json.data;
for(var i=0;i<d.length;i++){
s+=('<p>id:'+d[i].id +' | name:'+d[i].name+'</p><hr/>');
}
$('#content').html(s);
});
}
</script>
</head>
<body>
<input type="button" value="獲取學院信息" onclick="showStudent()" />
<div id="content"></div>
</body>
</html>
總結：
（1）有時候總是出現錯誤，原因在於——json數據格式有問題，前端$.getJSON()方法並沒有什麼錯誤。
（2）相對來說，$ajax(option)方法使用比較靈活，可以用在比較復雜的情況。
Ⅸ AJAX如何解析後台傳來的json數據
根據你的代碼看在後台數據是被轉成json傳給前台的,那麼在前台js中直接用data.d就可以獲取到值,不用用eval
望採納
Ⅹ jquery ajax 怎樣跨域獲取 json 數據
jsonp是英文json with padding的縮寫。它允許在伺服器端生成script tags至返回至客戶端，也就是動態生成javascript標簽，通過javascript callback的形式實現數據讀取。
html頁面端示例代碼：
復制代碼代碼如下:
//首先要引入jquery的js包
jQuery(document).ready(function(){
$.ajax({
type : "get", //jquey是不支持post方式跨域的
async:false,
url : "http://api.taobao.com/apitools/ajax_props.do", //跨域請求的URL
dataType : "jsonp",
//傳遞給請求處理程序，用以獲得jsonp回調函數名的參數名(默認為:callback)
jsonp: "jsoncallback",
//自定義的jsonp回調函數名稱，默認為jQuery自動生成的隨機函數名
jsonpCallback:"success_jsonpCallback",
//成功獲取跨域伺服器上的json數據後,會動態執行這個callback函數
success : function(json){
alert(json);
}
});
});
伺服器端示例代碼，以java為例：
伺服器端代碼，是重點，開始以為，只要客戶端通過jsonp就可以直接跨域訪問，其實不然，需要伺服器端的支持才行。
復制代碼代碼如下:
public void jsonpTest() throws IOException{
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
//根據html指定的jsonp回調函數的參數名，獲取回調函數的名稱
//callbackName的值其實就是：success_jsonpCallback
String callbackName = (String)request.getAttribute("jsoncallback");
//簡單模擬一個json字元串，實際可使用google的gson進行轉換，次數通過字元串拼接
//{"name":"張三","age":28}
//\是對"號進行轉義
String jsonStr = "{\"name\":\"張三\",\"age\":28}";
//最終返回的數據為：success_jsonpCallback({"name":"張三","age":28})
String renderStr = callbackName+"("+jsonStr+")";
response.setContentType("text/plain;charset=UTF-8");
response.getWriter().write(renderStr);
}