如何用ajax读取Json中的数据？

本文将与您分享如何使用ajax读取Json中的数据。

一、基础知识。

什么是json？

JSON是一种轻量级的文本数据交换格式。JSON独立于语言。*JSON是自我描述的。更容易理解的是，JSON使用JavaScript语法来描述数据对象，但JSON仍然独立于语言和平台。JSON解析器和JSON库支持许多不同的编程语言。JSON-转换为JavaScript对象。

JSON文本格式在语法上与创建JavaScript对象的代码相同。

由于这种相似性，JavaScript程序可以使用内置的eval()函数生成带有JSON数据的本机JavaScript对象，而无需解析器。

其次，读取Json中的数据。

首先，我编写了一个包含内容的Json文件。注意格式。

图1。正在编写json文件。

然后，编写html代码并引用ajax。

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /title使用AJAX异步读取JSON/title脚本src=' http 3360 AJAX . js '/script script window . onload=function(){/*获取按钮*/varabtn=document . getelementbyid(' BTN 1 ')；//将click事件abtn.onclick=function()添加到按钮中{//调用ajax函数Ajax ('data.json '，function(str){//使用json数据生成原生JavaScript对象var arr=eval(str)；警报(arr[0])。b)；});};};/script/headbody读取json中的数据br/input tid=' BTN 1 ' type=' button ' value='读取json中的数据'/body/html封装的AJAX函数代码如下：

/*AJAX包函数url:系统要读取的文件的地址fnSucc:一个函数，加载后会调用*/function Ajax (URL，fnsucc，fnfailed)。{//1.创建Ajax对象var oAjax=nullif(窗口。XMLHttpRequest){ oAjax=new XMLHttpRequest()；} else { oAjax=new ActiveX object(' Microsoft。XMLHTTP’)；} //2.连接到服务器oAjax.open('GET '，url，true)；//3.发送请求oajax . send()；//4.接收服务器的返回，oajax . onreadystatechange=function(){ if(oajax . readystate==4)//complete { if(oajax . status==200)//success { fn succ(oajax . responsetext)；} else { if(fnFaild)fnFaild(oajax . status)；} } };}下一步是读出文件的内容。在此之前，有一点需要提一下，AJAX是从服务器读取文件的，所以如果要把写好的Json文件放在服务器的路径下，初学者唯一接触过的服务器就是IIS，他的文件路径是c : \ inet pub \ wwwroot \ aspnet _ client \ system _ web。只需将JSON放在这个路径下，并使用localhost。

图2。阅读效果图。

以上就是本文的全部内容，希望对大家的学习有所帮助。