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