『壹』 如何使用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);}}};}
『贰』 layui 利用ajax冲获取到json 数据后 怎样进行渲染
1、新建一个html文件，命名为test.html。
『叁』 如何使用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文件的数据
JSONArray json = JSONArray.fromObject(models); //list集合数据转jsonresponse.getWriter().println(json);//传到前台//ajaxsuccess: function(data){var models = eval("("+data+")");var rows="";for(var i in models){rows =rows + "<tr>"+"<td>"+models[i].statDate+"</td>"+"<td>"+models[i].endDate+"</td>"+"<td>"+models[i].name+"</td>"+"</tr>" ;}$("#show_table").append(rows);//添加到table
『伍』 ajax获取json数据，求一个详细的解释用jq
下面就使用jQuery读取music.txt文件中的JSON数据格式信息。首先，music.txt中的内容如下：复制代码 代码如下:[{"optionKey":"1", "optionValue":"Canon in D"},{"optionKey":"2", "optionValue":"Wind Song"},{"optionKey":"3", "optionValue":"Wings"}]下来是HTML代码：复制代码 代码如下:<div>点击按钮获取JSON数据</div><input type="button" id="button" value="确定" /><div id="result"></div>使用Ajax获取JSON数据的jQuery代码：复制代码 代码如下:$(document).ready(function(){$('#button').click(function(){$.ajax({type:"GET",url:"music.txt",dataType:"json",success:function(data){var music="<ul>";//i表示在data中的索引位置，n表示包含的信息的对象$.each(data,function(i,n){//获取对象中属性为optionsValue的值music+="<li>"+n["optionValue"]+"</li>";});music+="</ul>";$('#result').append(music);}});return false;});});当然，也可以使用$.getJSON()方法，代码简洁一点：复制代码 代码如下:$(document).ready(function(){$('#button').click(function(){$.getJSON('music.txt',function(data){var music="<ul>";$.each(data,function(i,n){music+="<li>"+n["optionValue"]+"</li>";});music+="</ul>";$('#result').append(music);});return false;});});
『陆』 AJAX 怎么获取JSON中的指定数据
假设你从ajax获取字符串为 ajaxString,则可以这样获取ID:var jsonData = JSON.parse(ajaxString)；var id = jsonData.result.ID;
『柒』 Jquery用ajax获取数据后在页面取不到，确定后台已经传数据过来了。
Jquery用ajax获取数据后在页面取不到，确定后台已经传数据过来了是设置错误造成的，解决方法为：
1、打开HBuilderX工具，创建Web项目，新建静态页面ajax.html。
『捌』 Ajax（从json中提取数据）
{name:'平凡的世界',author:'路遥'} 这是你服务器端返回的json字符串数据，那么你客户专端你要怎么用呢，eval就是属把一个字符串执行下，让普通的字符串变成一个对象（好像说得不是很贴切），就是普通字符执行后，里面的东西会变成可以直接使用的代码：如日期对象，数组。。。eval("var movie = " +result); 这句意思就是把字符串变成可以直接使用的对象执行后就相当于var movie={name:'平凡的世界',author:'路遥'};把json对免赋值给movie变量那么就可以直接引用了movie.name就是“平凡的世界”了movie.author就是“路遥”了，希望你能懂
『玖』 ajax怎么取出json数据
你好，用遍历的方式取出data中的数据进行操作：
$.each(data,function(n,value){alert(value.x+'—'+value.y);});
『拾』 Ajax怎么获取Json数据
$("a").click(function(){$.ajax({type:"get",url:"test1.json",dataType:"json",success:function(response,status,xhr){for(varpinresponse){varli=$("<li>"+p+"</li>"),arr=response[p];varul=$("<ul>");li.append(ul);for(vari=0;i<arr.length;i++){varlii=$("<li>");varobj=arr[i];for(varkinobj){lii.append("<div>"+k+":"+obj[k]+"</div>");}ul.append(lii);}$("ul").append(li);}});});});
