web前端|js教程
javascript,ajax,Json
web前端-js教程本文给大家分享一下，如何使用ajax读取Json中的数据。
开源CMS源码下载,vscode美化界面的插件,手机安装 ubuntu,tomcat外网访问配置,java sqlite,ps教育类网页设计作品,万网数据库网址,服务器怎么运行网站,在线报名插件,dmz 前端框架,竹子爬虫,php性能优化,seo发布网站,阿里干货springboot,帝国cms清除html标签,网站云模板,如何分析网页游戏代码,模板信息群发,帝国cms 后台 左侧 页面,页面自适应跳转刷新,access是( )的数据库管理系统.,网址导航程序源码lzw
A、基础知识
商城带店铺源码,vscode装svn失败,ubuntu nfs路径,tomcat是否需要安装,孕期爬虫,php jsp 性能,海盐seo推广服务好,商品自助交易网站源码,sublime设置模板lzw
什么是json？
大屏源码,vscode怎么屏幕均分,ubuntu换网络,tomcat屏蔽请求,qt与sqlite配置文件,小班音乐爬爬虫教案设计意图,php 数组 key合并,好人哥黑帽seo,织梦怎么制作手机网站,网页标签切换,emlog模板怎么用lzw
JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
JSON 是轻量级的文本数据交换格式
JSON 独立于语言 *
JSON 具有自我描述性，更易理解
JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。
JSON – 转换为 JavaScript 对象
JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。
由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。
B、读取Json中的数据
首先我编写了一个Json的文件，里面有内容。注意格式。
图一 编写json的文件
然后，编写html代码，并引用ajax。
封装的AJAX函数代码如下：
/*AJAX封装函数url：系统要读取文件的地址fnSucc：一个函数，文件取过来，加载完会调用*/function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象 var oAjax=null; if(window.XMLHttpRequest) { oAjax=new XMLHttpRequest(); } else { oAjax=new ActiveXObject("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);} } };}
接下来就是要读取出文件内容，在这之前，有一点要提的是，AJAX是从服务器上读取文件，所以要把写好的JSON文件放到服务器的路径下，可能初学者接触过的服务器只有IIS，他的文件路径是C:\inetpub\wwwroot\aspnet_client\system_web，只要把Json放到这个路径下，然后用localhost来访问服务器，就可以了。
