1.首先编写一个json文件：demo.json

[
{
"name":"张三",
"sex":"男",
"email":"zhangsan@123.com"
},
{
"name":"李四",
"sex":"男",
"email":"lisi@123.com"
},
{
"name":"王五",
"sex":"女",
"email":"wangwu@123.com"
}
]

读取

原生js读取json文件

<script>window.onload = function () {var url = "demo.json"/*json文件url，本地的就写本地的位置，如果是服务器的就写服务器的路径*/var request = new XMLHttpRequest();request.open("get", url);/*设置请求方法与路径*/request.send(null);/*不发送数据到服务器*/request.onload = function () {/*XHR对象获取到返回信息后执行*/if (request.status == 200) {/*返回状态为200，即为数据获取成功*/var json = JSON.parse(request.responseText);for(var i=0;i<json.length;i++){console.log(json[i].name);}console.log(json);}}}</script>

$.getJSON

<script type="text/javascript">var Ajax = function (){$.getJSON ("demo.json", function (data){$.each (data, function (i, item){console.log(item.name);});});}();
</script>

$.ajax

$.ajax({url: "demo.json",//json文件位置，文件名type: "GET",//请求方式为getdataType: "json", //返回数据格式为jsonsuccess: function(data) {//请求成功完成后要执行的方法 //给info赋值给定义好的变量var pageData=data;for(var i=0;i<data.length;i++){console.log(pageData[i].name);}}})

js读取json文件（原生和jQuery）相关推荐

node.js 读取json文件
node.js 读取json文件效果图目录结构 data.json index.htm app.js 学习资源推荐效果图目录结构 data.json [{"name": & ...
js读取json文件和读取数据库的速度的差别
今天想直接js读取json文件会快点所以在网络上搜索如何读取本地的json文件结果找到了下边的这样 var Ajax = function () { $.getJSON ("js/useri ...
JS读取json 文件
json文件是一种轻量级的数据交互格式.一般在jquery中使用getJSON()方法读取. $.getJSON(url,[data],[callback]) url:加载的页面地址 data: 可 ...
js读取json文件片段中的数据
在html中利用js读取动态网站从服务器端返回的数据进行显示 1.js.html 页面需要引入执行jquery的js文件 <!DOCTYPE HTML PUBLIC "-//W3C ...
js 读取json文件_JavaScript 项目中常见配置文件介绍
原文地址:https://github.com/whinc/blog/issues/14 本文介绍一些前端项目的通用配置及相关资源,以便你了解项目中常见配置的含义以及配置方式. .gitignore ...
js html保存json,如何在json文件中存储jQuery或javascript变量？
我可以知道有没有机会将jquery变量保存在json文件中?提前致谢.如何在json文件中存储jQuery或javascript变量? 我: var image='/test/test.png'; 我 ...
新手如何使用JavaScript读取json文件 v2.0
前言 3年前,我在纯小白时期写的一篇文章:新手如何使用JavaScript读取json文件至今仍时常有小伙伴点击. 如今自己在此知识领域已经有所成长,故重写一篇更高质量,更有帮助的文章,希望更有效的 ...
js 读取php页面内容,js读取html文件 js获取html页面显示内容
CSS布局HTML小编今天和大家分享HTML或者JS读取TXT文件内容的代码如题,CSS布局HTML小编今天和大家分享HTML或者JS读取TXT文件内容的代码 JS读取TXT文件内容的代码如下: 读 ...
php json 循环输出html,我要用js从json文件中取值，并输出的html页面，有个问题
json文件有多个 0.json 1.json 2.json 3.json ... 现在的情况是js可以挨个读取json文件中的内容,但是每次读取新文件的时候之前的文件内容就没了,我想要加载新json ...
本地服务器json文件,从本地ftp服务器读取Json文件
我是存储在本地服务器中的名为File1.js的json文件.我想读取json文件的内容,并希望在其他文件中显示数据.我已经尝试使用JavaScript编码,但它不能正常工作.从本地ftp服务器读取Js ...

js读取json文件（原生和jQuery）

1.首先编写一个json文件：demo.json

读取

原生js读取json文件

$.getJSON

$.ajax

js读取json文件（原生和jQuery）相关推荐

最新文章

热门文章