JQuery访问json、js等文件

  1. JQuery通过getJSON()函数直接获取json格式的文件:

    1. 首先:被获取的文件的内容必须符合json格式即:

      1. {"属性":"属性值"....}的格式;
    2. 否则,此方法是获取不到内容的;
    3. 代码格式如下
      1. $(function(){
        	$.getJSON(
        	    "datagrid_data2.json",//被加载的json文件,指定具体目录
        	    function(json){        //执行成功回调函数
        		columns = json;
        	    }
        	);
        });
  2. 通过JQuery的ajax、get、post方法异步加载文件:
    1. 通过此异步方法加载的数据,可以不是纯json格式的,可以是其它格式;
    2. 如果是json格式数据,指定dataType:"json",可以直接获取到js对象;
    3. 如果不是json格式的数据,可以指定dataType:"text"、"html"......
    4. 代码格式如下:ajax方式
      1. $.ajax({
            url : "columnName.json",	//请求的资源
            dataType:"text",            //返回的结果类型:文本
            success : function(json) {    //执行成功的回调函数
        	console.info(json);        //控制台输出
        	var arr = eval("(" + json + ")");    //如果是文本,将之转换为对象
        	init(arr);
            }
        });
    5. $.get():
      1. 注意传递的参数的先后顺序,顺序不对,也会失败(可以不写某个但顺序必须对)
      2. $.get(
            "columnName.json",		//访问资源
            {},				//传递的参数
            function(json) {		//成功回调函数
                var arr = eval("(" + json + ")");    //将接收到的参数转为对象
            },
            "text"        //返回结果类型(xml, html, script, json, text, _default)
        );
    6. $.post():
      1. 类似get方法;
时间: 2024-08-28 22:46:16

JQuery访问json、js等文件的相关文章

jQuery访问json文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

nginx设置反向代理后,页面上的js css文件无法加载

问题现象: nginx配置反向代理后,网页可以正常访问,但是页面上的js css文件无法加载,页面样式乱了. (1)nginx配置如下: (2)域名访问:js css文件无法加载: (3)IP访问:js css文件可以正常加载: 解决方法: nginx配置文件中,增加如下配置: location ~ .*\.(js|css)$ { proxy_pass http://127.0.0.1:8866; } 原因分析: 反向代理的路径下找不到文件,需要单独指定js css文件的访问路径.

js vs2013中允许js访问json文件的解决方案

js  vs2013中允许js访问json文件的解决方案 <?xml version="1.0" encoding="utf-8"?> <!-- 有关如何配置 ASP.NET 应用程序的详细信息,请访问 http://go.microsoft.com/fwlink/?LinkId=169433 --> <configuration> <system.web> <compilation debug="tr

jquery访问ashx文件示例

转自原文jquery访问ashx文件示例 .ashx 文件用于写web handler的..ashx文件与.aspx文件类似,可以通过它来调用HttpHandler类,它免去了普通.aspx页面的控件解析以及页面处理的过程.其实就是带HTML和C#的混合文件. .ashx文件适合产生供浏览器处理的.不需要回发处理的数据格式,例如用于生成动态图片.动态文本等内容.很多需要用到此种处理方式.此文档提供一个简单的调用ashx文件的Demo,并贴出关键文件的源码. 以下为Demo中Login.ashx文

利用jQuery传送json格式的字符串,后端用ashx文件来接收

在Default.aspx里面,我们会透过javascript建立两个物件,分别有Name和Age的属性,再透过Array的方式,将这两个物件塞到Array里面去.使用Ajax内建的$.ajax API,我们可以把url,type,data,sucess等几个属性先设定好,其中要注意到当我们想透过json格式来传递资料的时候,我们可以用JSON.stringify()的方法来把想要传送的阵列资料先转换成json格式. 1 <%@ Page Language="C#" AutoEv

自己编写jQuery动态引入js文件插件 (jquery.import.dynamic.script)

这个插件主要是结合jquery或者xhr异步请求来使用的,它可以把已经引入过的js文件记录在浏览器内存中,当下次再引入相同的文件就忽略该文件的引入. 当你用$.load("dir/my-page.jsp"); 或xhr.request("server/to-my-page");等异步请求加载html页面的时候,在页面中导入js文件用本插件进行引入的话, 那么其他请求的页面中也导入了和前面页面相当的js文件的情况下,那这些js文件就不需要重新引入.插件会自动忽略之前已

springmvc如何访问到静态的文件,如jpg,js,css

如何你的DispatcherServlet拦截"*.do"这样的有后缀的URL,就不存在访问不到静态资源的问题. 如果你的DispatcherServlet拦截"/",为了实现REST风格,拦截了所有的请求,那么同时对*.js,*.jpg等静态文件的访问也就被拦截了. 要解决这个问题. 目的:可以正常访问静态文件,不可以找不到静态文件报404. 方案一:激活Tomcat的defaultServlet来处理静态文件 <servlet-mapping> &l

node.js怎么配置访问本地的html文件?

node.js怎么配置访问本地的html文件? https://segmentfault.com/q/1010000000251204

jquery动态加载js/css文件方法

先来看jquery自带的getSrcript文件 方法 代码如下 复制代码 $.getScript(url,callback) 实例 代码如下 复制代码 var testVar = 'New JS loaded!'; alert(testVar); function newFun(dynParam) { alert('You just passed '+dynParam+ ' as parameter.'); } 动态调用方法 HTML代码 代码如下 复制代码 <script type="