JQuery访问json、js等文件

JQuery通过getJSON()函数直接获取json格式的文件：
1. 首先：被获取的文件的内容必须符合json格式即：
  1. {"属性":"属性值"....}的格式；
2. 否则，此方法是获取不到内容的；
3. 代码格式如下：
  1. ```
  $(function(){     $.getJSON("datagrid_data2.json",//被加载的json文件，指定具体目录    function(json){        //执行成功回调函数columns = json;});
  });
```

通过JQuery的ajax、get、post方法异步加载文件：

通过此异步方法加载的数据，可以不是纯json格式的，可以是其它格式；
如果是json格式数据，指定dataType:"json"，可以直接获取到js对象；
如果不是json格式的数据，可以指定dataType:"text"、"html"......

代码格式如下：ajax方式

$.ajax({url : "columnName.json",    //请求的资源     dataType:"text",            //返回的结果类型：文本success : function(json) {    //执行成功的回调函数console.info(json);        //控制台输出var arr = eval("(" + json + ")");    //如果是文本，将之转换为对象init(arr);}
});

$.get()：

注意传递的参数的先后顺序，顺序不对，也会失败（可以不写某个但顺序必须对）

$.get("columnName.json",        //访问资源{},               //传递的参数function(json) {     //成功回调函数var arr = eval("(" + json + ")");    //将接收到的参数转为对象   },"text"        //返回结果类型(xml, html, script, json, text, _default)
);

$.post()：
1. 类似get方法；

转载于:https://blog.51cto.com/fuyanchao/1608981

JQuery访问json、js等文件相关推荐

jquery.easyui.min.js引导文件
今天改之前的项目,需要用到Easyui的引导文件,在网上找了半天不是需要积分就是需要会员,后来还是同事发给我的,分享给大家https://www.aliyundrive.com/s/sSfXeLedS ...
jQuery读取JSON数据（jQuery调用JSON数据学习第二天）
在初步了解JSON数据格式之后,接下来学习jQuery框架下,如何读取一个JSON数据. 由于JSON格式是JavaScript的原生态格式,因此,使用jQuery访问JSON数据时十分方便的,只需要 ...
对JSON的一点认识和理解以及JQuery处理JSON
JSON(JavaScript Object Notation)javscript对象标记,是一种轻量级的数据交换格式.具体的详细基础知识可以参考JSON官网http:/www.json.org/. ...
16.JAVA之前端，HTML，CSS(选择器，盒子模型)，JS，JQuery，Json，ajax
一.Web前端技术栈 1.HTML超文本标记语言实现页面展现,形成静态网页 2.CSS层叠样式表实现页面美化 3.JS javascript脚本语言实现 ...
自己编写jQuery动态引入js文件插件 (jquery.import.dynamic.script)
这个插件主要是结合jquery或者xhr异步请求来使用的,它可以把已经引入过的js文件记录在浏览器内存中,当下次再引入相同的文件就忽略该文件的引入. 当你用$.load("dir/my-pa ...
使用ashx文件响应来自JQuery的JSON请求
ashx文件是.net 2.0新加的文件类型(其实在.net 1.0下已经可用,但是没有公开提供). ashx文件和aspx文件有什么不同? 我们先新建一个ashx文件看看: <%@ Web ...
两个html文件互相访问变量,访问一个js文件的变量上的HTML文件
我已经在那里我宣布,我想在一个脚本在HTML中使用一个变量js文件访问一个js文件的变量上的HTML文件 js文件(controllerB.js) var modalArticles = []; $( ...
json.js+ jquery 操作笔记
json.js+ jquery 操作笔记 json.js下载地址: http://www.json.org/js.html 我初学JSON,按照官方说明,在json2.js中有parse和string ...
jquery 遍历json list js取得json值。
1.jquery 遍历json list var arr = [{ name: "john", lang: "js" },{ name: "nailw ...
Form表单序列化Json插件-jquery.serializejson.min.js
Form表单参数序列化成Json对象: 1. 使用serializeJsonObject 2. jquery.serializejson.min.js 1. 使用serializeJsonObject ...

JQuery访问json、js等文件

JQuery访问json、js等文件相关推荐

最新文章

热门文章