在同源js目录下新建.txt文件

{

  "news":[

    {"title":"审计管理","time":"2018-03-10 21:00"},

    {"title":"菜单管理","time":"2018-03-10 21:00"},

    {"title":"订单管理","time":"2018-03-10 21:00"},

    {"title":"合同管理","time":"2018-03-10 21:00"},

    {"title":"物流管理","time":"2018-03-10 21:00"},

    {"title":"行政管理","time":"2018-03-10 21:00"},

    {"title":"人事管理","time":"2018-03-10 21:00"},

    {"title":"购物管理","time":"2018-03-10 21:00"},

    {"title":"批发管理","time":"2018-03-10 21:00"},

    {"title":"安全管理","time":"2018-03-10 21:00"},

    {"title":"账号管理","time":"2018-03-10 21:00"},

    {"title":"财务管理","time":"2018-03-10 21:00"},

    {"title":"其他管理","time":"2018-03-10 21:00"}

  ]

}
<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>news</title>

        <link rel="stylesheet" href="css/index.css" />

        <script src="js/jquery.js"></script>

        <script>

            $(document).ready(function(){

                  var result = $.ajax({

                      url:"./newsData.txt",

                      async:false,

                      dataType: "json"

                  });

                  result = $.parseJSON(result.responseText);//转换为JSON格式

                  var news = result.news;

                  var htmlObj = '';

                  for(var i=0;i<news.length;i++){    //循环生成列表

                      htmlObj += '<li class="newsItem">'+news[i].title+'<span>'+news[i].time+'</span></li>';

                  }

                  $('.newsList').html(htmlObj);    //替换html里的内容

            });

        </script>

    </head>

    <body>

        <h2>News</h2>

        <ul class="newsList">

        </ul>

    </body>

</html>

js只有单线程

同步：等接口数据返回完了再往下一行一行执行

异步：放着这个请求先不管，往下执行

js单线程，一行一行往下执行（同步），但是如果请求接口，接口返回数据会延迟，

这个时候如果用异步，就能避免等待太久，直接执行下面的代码

但是他先执行下面代码的时候 需要数据咋办呢  接口还没给数据的时候？

所以，就有回调函数这个说法

回调函数就是你异步请求完数据之后要做的事

你在回调函数里就能写你拿到数据之后要做的事了

【总结整理】json数据请求简化版理解（祺哥的成果）的更多相关文章

  1. XML 数据请求与JSON 数据请求

    (1)XML 数据请求 使用 AFNetworking 中的 AFHTTPRequestOperation 和 AFXMLParserResponseSerializer,另外结合第三方框架 XMLD ...

  2. 使用 AFNetworking 进行 XML 和 JSON 数据请求

    (1)XML 数据请求 使用 AFNetworking 中的 AFHTTPRequestOperation 和 AFXMLParserResponseSerializer,另外结合第三方框架 XMLD ...

  3. 关于跨域读取json数据我的理解

    这两天在做关于读取json数据的插件,想用getJSON读取数据: $.getJSON(http://www.xxxx.com/Titles.js, function (data) { console ...

  4. ajax数据请求的理解

    一,请求 发送请求有两种方式:get 跟 post . 1.get仅请求数据,不需要服务端做处理,最后会返回指定的资源. 2.post可以提交数据,服务端根据提交的数据做处理,再返回数据. 二,创建X ...

  5. springmvc学习笔记(18)-json数据交互

    springmvc学习笔记(18)-json数据交互 标签: springmvc springmvc学习笔记18-json数据交互 springmvc进行json交互 环境准备 加入json转换的依赖 ...

  6. Django之AJAX传输JSON数据

    目录 Django之AJAX传输JSON数据 AJAX 中 JSON 数据传输: django响应JSON类型数据: django 响应 JSON 类型数据: Django之AJAX传输JSON数据 ...

  7. AJAX 跨域请求 - JSONP获取JSON数据

    Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 Web 应用程序的显示 ...

  8. AJAX 跨域请求的解决办法：使用 JSONP获取JSON数据

    由于受到浏览器的限制,ajax不允许跨域通信.如果尝试从不同的域请求数据,会出现安全错误.如果能控制数据驻留的远程服务器并且每个请求都前往同一域,就可以避免这些安全错误.但是,如果仅停留在自己的服务器 ...

  9. 【转】AJAX 跨域请求 - JSONP获取JSON数据

    来源:http://justcoding.iteye.com/blog/1366102/ Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流 ...

随机推荐

  1. 【codesmith】 初次试用（未发布）

      一直都有听过codesmith,一个很好用的软件,减少大量代码的输入,比如你生成一个list,并添加5个项. ArrayList list1=new ArrayList(); list1.Add( ...

  2. for...else: 一个程序引发的陷阱

    python3菜鸟教程有一段关于for循环和else搭配的代码: for n in range(2, 10): for x in range(2, n): if n % x == 0: print(n ...

  3. Wannafly挑战赛4 B，小AA的数列

    题意:求子区间异或和,要求区间长度在l到r之间,并且为偶数 题解:对于每一位算贡献,可以分奇偶来记录,计算的时候只加上奇偶性相同的就保证了为偶数,从大于l的点开始每次++,从大于r的点每次--,记录二 ...

  4. deep learning 学习笔记(三) 线性回归学习速率优化寻找

    继续学习http://www.cnblogs.com/tornadomeet/archive/2013/03/15/2962116.html,上一节课学习速率是固定的,而这里我们的目的是找到一个比较好 ...

  5. js操作获取和设置cookie

    //创建cookie function setCookie(name, value, expires, path, domain, secure) { var cookieText = encodeU ...

  6. Eclipse_插件_05_自动下载jar包源码插件

    一.Java Source Attacher 1.下载 官网:http://marketplace.eclipse.org/content/java-source-attacher#.U5RmTePp ...

  7. Codeforces Round #279 (Div. 2)B. Queue（构造法，数组下标的巧用）

    这道题不错,思维上不难想到规律,但是如何写出优雅的代码比较考功力. 首先第一个人的序号可以确定,那么接下来所有奇数位的序号就可以一个连一个的确定了.然后a[i].first==0时的a[i].seco ...

  8. linux命令学习笔记（30）: chown命令

    chown将指定文件的拥有者改为指定的用户或组,用户可以是用户名或者用户ID:组可以是组名或者组ID: 文件是以空格分开的要改变权限的文件列表,支持通配符.系统管理员经常使用chown命令,在将文件拷 ...

  9. UVA - 1331 Minimax Triangulation (区间dp)(最优三角剖分)

    题目链接 把一个多边形剖分成若干个三角形,使得其中最大的三角形面积最小. 比较经典的一道dp问题 设dp[l][r]为把多边形[l,r]剖分成三角形的最大三角形面积中的最小值,则$dp[l][r]=m ...

  10. Yii错误404页面

    'errorHandler'=>array( // use 'site/error' action to display errors 'errorAction'=>YII_DEBUG ? ...