一.什么是JSON数据?

一种轻量级的数据交换格式。实际中知道如何使用即可。

软件开发我认为就是一个会用，然后知其原理的过程.

例子如下:

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
  6.         <script type="text/javascript">
  7.  
  8.         //定义一个数组
  9.         var jsonStudents=[];
  10.  
  11.         //数组中创建json对象
  12.         for(var i=0; i <5;i++)
  13.         {
  14.           var jsonObj={ name:'',no:''};
  15.           jsonObj.name='student_'+i.toString();
  16.           jsonObj.no='current_no_'+i.toString();
  17.           jsonStudents.push(jsonObj);
  18.         }
  19.  
  20.         //根据json对象创建自己需要的html字符串
  21.         var formatRow=function(obj){
  22.             var rowHtml="<tr><td>"+obj.no+"</td>"
  23.                         +"<td>"+obj.name+"</td></tr>";
  24.                         return rowHtml;
  25.         };
  26.  
  27.         //创建table，根据数据列表
  28.         var createTable=function(){
  29.            for(var i=0; i <5;i++)
  30.             {
  31.               var rowHtml=formatRow(jsonStudents[i]);
  32.                $("table").append(rowHtml);
  33.             }
  34.         };
  35.  
  36.         </script>
  37.         <title></title>
  38.     </head>
  39.     <body onload="createTable()">
  40.         <table>
  41.             <tr>
  42.                 <th>编号</th>
  43.                 <th>姓名</th>
  44.             </tr>
  45.         </table>
  46.     </body>
  47. </html>

二.  什么是ajax以及怎么使用？

ajax，具体是什么，可以自己查资料脑补，个人觉得其实一个请求，类似于我们跟妹子说话，妹子是否搭理你 一样的，你和别人说的第一句话，就是发送了一个请求，对方跟你回复了一句话，叫做返回数据，我们能听的懂，这叫进行数据解析，然后就可以自己处理 自己和妹子愉快的聊天了。

请求在网站开发中不可少，返回数据，可以是文件 可以是图片 可以是字符串  可以是json 对象  数值.等等

前端UI，不需要关心后台代码实现，只需要知道数据如何处理 请求如何发送，明白道理即可。

先来分析一下博客园的登陆，来理解下请求和返回数据:

当你登录的时候，会向服务器发送一个登录入的请求，然后服务器会返回给你数据。

{"success":false,"message":"该用户不存在"}

ajax请求的写法是确定的，参数和url  是不确定的，以及ajax还有其他选项设置，比如同步异步，是否缓存。

基本写法如下:

  1. $.ajax({
  2.              url:url, //要请求的地址
  3.              data:para,//请求附带的一些参数信息
  4.              dataType:"json",
  5.              success:function(data){
  6.                  //请求执行成功，执行该方法，参数为服务器传递来的数据
  7.             }
  8.         });

说明:

无论多么复杂的json 数据，只要分清楚对象 和数组的概念, {} 包裹起来是一个完整的对象,[]包裹起来的是一个数组 ，那么 [ [],[],[] ]  这是什么呢？

[{},{},{},[] ] ?

分析道理就是数组中，包含了3个元素，3个元素均为[].  后面那个就是 数组对象中包含了 4个元素，4个元素，3个为json 对象，一个为数据元素。

Jquery和Javascript 实际项目中写法基础-ajax和json (3)的更多相关文章

  1. Jquery和Javascript 实际项目中写法基础-弹出窗和弹出层 (4)

     一.实际项目中有很多如下界面效果.    二.该效果可以归结为弹出窗或者弹出层来实现的,为什么这么说?看如下代码:      <!DOCTYPE html> <html> & ...

  2. Jquery和Javascript 实际项目中写法基础 (1)

    一.JS 是什么,jquery 是什么  就不说明了,直接说一般使用是怎么样的 <!DOCTYPE html> <html> <head> <meta cha ...

  3. Jquery和Javascript 实际项目中写法基础-闭包 (2)

    一.什么是闭包? 概念性的我就不去百度了,感兴趣的可以自己去搜下,我自己的理解,闭包就是一个封装的包,相当于类的概念,把乱七八糟的的东西封装到一起,然后统一使用一个对象来调用,实现代码部分对外开放,部 ...

  4. JavaScript在HTML中的基础用法总结

    网页主要由三部分组成,分别为html.CSS和Javascript.如果说HTML是肉身,CSS是皮相,那Javascript就是灵魂.因此,三者的联系与融合则至关重要.本文就来为大家讲解一下Java ...

  5. ASP.NET MVC jQuery 树插件在项目中使用方法（一）

    jsTree是一个 基于jQuery的Tree控件.支持XML,JSON,Html三种数据源.提供创建,重命名,移动,删除,拖"放节点操作.可以自己自定义创建,删 除,嵌套,重命名,选择节点 ...

  6. JQuery统一复写美化项目中所有radio单选按钮样式

    老项目要升级改版,对于分散在各页面的样式不好处理,怕有遗漏,尤其是优化input表单,修改其默认样式,接下来,我将给大家分享一下,我在项目中的总结. 效果 上代码: 1.简单搞一搞 CSS,此处代码有 ...

  7. 项目中lua(基础)

    关于项目中lua任务(某些没弄懂,但lua上耗费时间有点长了不看了) 这段时间看了lua语法和项目中lua应用 .在lua中注册c库,在lua5.2中好像都是注册c库,相当于在lua中定义一个tabl ...

  8. vue项目中使用bpmn-流程图json属性转xml（七篇更新完成）

    内容概述 本系列“vue项目中使用bpmn-xxxx”分为七篇,均为自己使用过程中用到的实例,手工原创,目前陆续更新中.主要包括vue项目中bpmn使用实例.应用技巧.基本知识点总结和需要注意事项,具 ...

  9. 基础-Ajax，json

    ajax是异步交互,也就是说发送请求,到响应回来,页面只是局部刷新. Ajax 步骤: 获取XMLHttpRequest对象 绑定一个回调函数 open send 在回调函数中完成操作. json是一 ...

随机推荐

  1. qt 设置

    右击不同类型的文件,点属性,可以选择处理文件的工具,比如自动生成uic qrc右击工程属性,然后可以转换成QT工程翻译文件如果只读的话,可以右击换一个编辑器打开 如果翻译文件只读的话,必须直接使用字符 ...

  2. iOS开发：自定义控件实现手势解锁

    自定义控件 1.提供initWithFrame:及initWithCoder:方法来初始化: 2.解锁控件只负责展示.触摸.绘图等,存储轨迹.判断轨迹等操作不是解锁控件要做的.因此要定义一个代理,将轨 ...

  3. b/s 读取多个FTP文件（图片，视频）压缩到服务器 下载到客户端

    其实需求是这样, 要做一键导出, 有图片,有照片,youhtml,存在不同的文件夹,每次下载都必须下载最新数据,因为FTP是随时更新的. 1.这要是一直下载下载,浏览器一直跳窗口,蛋疼的我都看不下去. ...

  4. C# in depth学习（1）

    第一章,C#开发的进化史 1.简单数据类型 2.排序 Sorting an ArrayList using IComparer (C# 1) Sorting a List<Product> ...

  5. Task

    .net 4.0为我们带来了TPL(Task Parallel Library),其中Task相较ThreadPool线程池使用更简单,而且支持线程的取消,完成和失败通知等交互性操作,而这些是Thre ...

  6. AutoHotkey(AHK)

    这是2009年用过的一个软件,自动键盘执行的一个东西,能提高效率,代替人工击键和鼠标操作,现在中文化很好了,如下地址是中文文档 http://ahkcn.sourceforge.net/docs/Tu ...

  7. 浅谈对ionic项目的理解

    在思考怎么将客户端app连接到服务器的时候,就在想ionic项目的本质是什么,一开始因为ionic serve这一命令,我以为它自己就是个服务器,但是后来一细想又感觉不是这样,不然客户端又该怎么和服务 ...

  8. Android中View的基础知识

    View的界限 View就是我们看到的界面,有四个界限范围分别是, Top/Left, Bottom/Right,坐标系从左上到右下.这四个值可以通过任何View的子类调用getTop()/get.. ...

  9. ICEM(1)—边界结构网格绘制

    以两个圆为例 1. geometry→ create curve→ 选择圆,随便画两个圆 2. block下选择create block,选择第一项,initial block,设置改为2D Plan ...

  10. Spark机器学习读书笔记-CH03

    3.1.获取数据: wget http://files.grouplens.org/datasets/movielens/ml-100k.zip 3.2.探索与可视化数据: In [3]: user_ ...