一.什么是JSON数据?

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

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

例子如下:

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>

        <script type="text/javascript">

        //定义一个数组

        var jsonStudents=[];

        //数组中创建json对象

        for(var i=0; i <5;i++)

        {

          var jsonObj={ name:'',no:''};

          jsonObj.name='student_'+i.toString();

          jsonObj.no='current_no_'+i.toString();

          jsonStudents.push(jsonObj);

        }

        //根据json对象创建自己需要的html字符串

        var formatRow=function(obj){

            var rowHtml="<tr><td>"+obj.no+"</td>"

                        +"<td>"+obj.name+"</td></tr>";

                        return rowHtml;

        };

        //创建table，根据数据列表

        var createTable=function(){

           for(var i=0; i <5;i++)

            {

              var rowHtml=formatRow(jsonStudents[i]);

               $("table").append(rowHtml);

            }

        };

        </script>

        <title></title>

    </head>

    <body onload="createTable()">

        <table>

            <tr>

                <th>编号</th>

                <th>姓名</th>

            </tr>

        </table>

    </body>

</html>

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

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

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

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

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

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

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

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

基本写法如下:

$.ajax({

             url:url, //要请求的地址

             data:para,//请求附带的一些参数信息

             dataType:"json",

             success:function(data){

                 //请求执行成功，执行该方法，参数为服务器传递来的数据

            }

        });

说明:

无论多么复杂的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. NoSQL生态系统——事务机制，行锁，LSM，缓存多次写操作，RWN

    13.2.4 事务机制 NoSQL系统通常注重性能和扩展性,而非事务机制. 传统的SQL数据库的事务通常都是支持ACID的强事务机制.要保证数据的一致性,通常多个事务是不可能交叉执行的,这样就导致了可 ...

  2. PHP redis 批量操作

    参考网站 phpredis扩展 :https://github.com/phpredis/phpredis#pconnect-popen 命令参考:http://doc.redisfans.com   ...

  3. 为Node.js编写组件的几种方式

    本文主要备忘为Node.js编写组件的三种实现:纯js实现.v8 API实现(同步&异步).借助swig框架实现. 关键字:Node.js.C++.v8.swig.异步.回调. 简介 首先介绍 ...

  4. RMAN 参数详解

    使用RMAN>show all;可以显示出RMAN 配置参数为: CONFIGURE RETENTION POLICY TO REDUNDANCY 1; # defaultCONFIGURE B ...

  5. java动手动脑和课后实验型问题String类型

    1.请运行以下示例代码StringPool.java,查看其输出结果.如何解释这样的输出结果?从中你能总结出什么? true true false 总结: 使用new关键字创建字符串对象时, 每次申请 ...

  6. 1472. Martian Army

    http://acm.timus.ru/problem.aspx?space=1&num=1472 题目大意: 一颗树,根节点(1) 的值为 1.0,所有叶子节点的值为 0.0 ,其他节点值任 ...

  7. Android源码编译出错解决办法

    编译环境:Ubuntu12.04 64位 Android源码:Android 4.3 以下问题是笔者亲自碰到,通过网上查询整合在一起的. 1.error while loading shared li ...

  8. lombok介绍

    Lombok是一种JavaArchive(JAR)文件,可用来消除Java代码的冗长.在写代码时,可以通过这个插件消除各种getter和setter,toString等常用方法. lombok 注解: ...

  9. 微信公众号网页开发-jssdk config配置参数生成（Java版）

    一.配置参数 参考官方文档:http://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&la ...

  10. Python学习之路二

    今天主要学习了列表,python的列表真的事太强大了,由于内容比较多,今天就先简单的介绍一下新学的几个成员函数吧. 首先我们要了解list是一种序列类型,其构造方式有四种形式: (1)空列表 [] ( ...