ajax获取本地json文件|怎么通过ajax从后台获取json数据

『壹』 AJAX 怎么获取jsON中的指定数据

假设你从ajax获取字符串为 ajaxString,则可以这样获取ID:var jsonData = JSON.parse(ajaxString);var id = jsonData.result.ID;

『贰』 ajax 返回的是json 怎么获取到

您好,当我们提交某条信息,经过后台的处理之后,便要返回结果给我们,当返回了 json 格式时,我们在前台有多种接收方式的,例如:1、视图层使用$.post 或者$.get 提交数据,最重要的是后面这个参数,将指定服务器消息结果的返回类型; $.post("url","parameter",callback(data),"JSON");2、视图层使用$.ajax 提交,ajax 相比于 get,post,使用较为复杂,但也着实简单,我们可以通过 dataType:"JSON",指定指定服务器消息结果的返回类型;最后,这两重结果的接受方式就是通过参数,即回调函数中的 data,请看例1中的 callback(data),类似于 Java 中的方法调用,data.msg 等等…获取我们需要的信息;

『叁』 怎么通过ajax从后台获取json数据

1.第一步:创建异步对象var xhr=new XMLHttpRequest ();//创建一个异步对象。上面创建异步对象的方法非浏览器都支持。IE7以上也支持。2.第二步:创建http请求(只是打开和url的连接,并不会发送请求。)var xhr=new XMLHttpRequest();xhr.open("get","接口的地址","true");//参数一:发送请求的方式:方式分别有post和get//参数二:请求地址//参数三:是否是异步提交true:异步,flase:同步提交//如果使用post请求需要为post请求设置一个请求头(必须在发送数据之前)设置方法如下://xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");3.第三步:发送数据(get和post发送数据的方式不相同)var xhr=new XMLHttpRequest ();//创建一个异步对象。xhr.open("get","接口地址?name=zhangsan","true");//在发送数据上需要注意的是get和post的发送方式//get:数据需要拼接到open方法里面的URL地址里格式为URL?数据。(注意:get方式也还是需要调用send方法如不调用数据将不会发送)//post:数据直接写到send方法里即可如下:// xhr.send("name=zhangsan");4.第四步:设置监听请求状态的回调函数请求状态分为5步:0.未初始化:异步对象创建出来但是还没有打开连接,(即未调用open方法)1.已初始化:异步对象已经创建并且打开了连接(调用了open方法),但是还没有发送请求(未调用end方法)2.已发送数据:已经调用了send方法,但web服务器响应还未返回3.正在接收:web服务器接收完数据并且处理完毕后,向客户端发送响应结果4.接收完毕:当web服务器响应的数据全部接收完毕以上序号对应readyState的值完整的是这样:var xhr=new XMLHttpRequest ();//创建一个异步对象。xhr.open("get","接口地址","true");//下面的回调函数是会动态监听请求状态xhr.onreadystatechange=function(){//readyState属性会记录下5种请求状态if(xhr.readyState == 4){alert("web服务器响应的数据全部接收完毕")}}

『肆』 ajax请求本地json文件出现跨域问题

开发的时候,会经常使用一些假数据,这个时候我们就会在本地进行ajax请求(开发工具使用vscode,如果是webstrom则不会有这个问题),来获取数据,例如ajax本地请求json文件,但是在请求的时候会遇到跨域问题: 建议使用火狐浏览器,因为谷歌浏览器是不允许跨域请求的,因为不安全,但是我们现实中,很多地方是必须要用到跨域请求,谷歌浏览器严格遵循,但是火狐浏览器考虑到现实因素,就可以使用跨域,但是需要进行一些设置. 1、在Firefox的地址栏输入“about:config”,回车 2、在过滤器(filter)中搜索“security.fileuri.strict_origin_policy”(第一次会出现安全协议,点击确认即可) 3、双击security.fileuri.strict_origin_policy设置为false 4、关闭目前开启的所有Firefox窗口,然后重新启动Firefox,这个时候就可以了. 虽然会报格式不佳的错误,但是数据还是请求出来滴!

『伍』 ajax获取到json数据怎么显示在jsp页面tb上

第一步:在你的Action中创建一个json数据

public class AjaxAction extends ActionSupport{ /** * */private static final long serialVersionUID = 1L; private String result; public String getResult() { return result; } public void setResult(String result) { this.result = result; }public String getjson() { JSONObject json = new JSONObject(); json.put("name","张三"); json.put("password","123456"); result=json.toString(); return SUCCESS;}

第二步:编写struts.xml文件中的内容

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.5//EN" "http://struts.apache.org/dtds/struts-2.5.dtd"> <struts> <!– 设置开发者模式 修改action中的名字可以不用重启服务器 –> <constant name="struts.devMode" value="true"></constant> <!– 只有在后缀中有(.do)的才经过,这个value可以自己修改 –> <constant name="struts.action.extension" value="do"></constant> <!– 开启动态方法调用 –> <constant name="struts.enable.DynamicMethodInvocation" value="true"/> <package name="default" extends="json-default" namespace=""> <action name="ajax" class="com.action.AjaxAction" method="getjson"> <result name="success">/ajaxjson.jsp</result> <result type="json" ><!– 这里指定将被Struts2序列化的属性,该属性在action中必须有对应的getter方法 –> <param name="root">result</param> </result> </action> </package> </struts>

凡是使用Struts2序列化对象到JSON的action,所在的package必须继承自json-default,注意,这里唯一的result,没有指定name属性。parm设置name=“root”表示局部刷新,返回根目录页面.

第三步:首先先了解Ajax的原理:这是用jQuery做的,需要引 js

function testCheck(num){ $.ajax({ type:"post",//提交方式url:"TestCheckServlet",//提交地址async:true,//是否异步请求dataType:"html",//返回类型data:{"num":num},//传过去的值success:function(data,textStatus){//成功执行的方法var json=eval("("+data+")");//将传过来的数据转json,也可以传过来就是json数据免得麻烦转 alert(json.name); }, error:function(){//失败执行的方法alert("error"); } }) }

『陆』 layui 利用ajax冲获取到json 数据后 怎样进行渲染

1、新建一个html文件,命名为test.html。

『柒』 ajax获取本地的两个json,我把其中一个key取了差值,然后插入页面,问题是如何给插入做个排序呢

你可以先排序,后找差值。var json3={};var max_key=0;for(var i in json2){max_obj={};xh_max_key = 0;for(var j in json2){max=0;if(json2[j]["yue"]>max && !json3[j]){max_obj = json2[j];xh_max_key = j;max= max_obj["yue"];}}if(xh_max_key!=0){json3[xh_max_key] = max_obj;max_key = xh_max_key;}}用json3代替json2进行操作!

『捌』 ajax怎么获取返回的json数据

首先要明白ajax的基本格式,参考下面的内容,可以发现,success是请求成功后服务器返回的数据,接收只需要把回调函数的值处理就可以了,如:

response:即为服务器返回的数据,例如:{"uid":123,"name":"jghdream"},

如下输出即可:

….success:function(response){console.log(response.uid);console.log(response.name);}…..

以下是ajax的一些参数:

$.ajax({type:'post',url:'/testajax.php',dataType:'json',data:{uid:uid,rands:Math.random()},success:function(){alert('ajaxreturnsuccess');}});

url,类型:String,默认值: 当前页地址。发送请求的地址

data,类型:String,发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'

dataType,类型:String,预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

"text": 返回纯文本字符串

success,当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。

『玖』 如何使用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);}}};}

『拾』 jquery+ajax怎样读取json文件的内容

$(function() {$.ajax({type:"GET",url:"list.json",dataType:"json",success:function(iJson){ var test = eval(iJson); alert(test[0][0].TITLE); },error:function(){容alert("error");}});});


赞 (0)