一.什么是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. Python 对不均衡数据进行Over sample（重抽样）

    需要重采样的数据文件(Libsvm format),如heart_scale +1 1:0.708333 2:1 3:1 4:-0.320755 5:-0.105023 6:-1 7:1 8:-0.4 ...

  2. SQL 子查询，连接查询复习

    use lianxi0720 go --创建部门表 create table bumen ( bcode int primary key,--部门编号 bname ), --部门名称 bceo ), ...

  3. ACCESS中计算日均值

    如图所示,现有时间数据的时间字段是精确到时分秒的,现在需要计算PM2.5的日平均值,因此在查询时需要过滤时间字段的格式,去掉时分秒部分,只提取年月日部分. 查找资料,发现一般用CONVERT()函数实 ...

  4. PDF 补丁丁 0.5.0.2657 发布

    新版本修正了导出图片时由于路径存在空白导致出错.在 Windows 10 和高分辨率显示屏上显示字体模糊.控件尺寸错位等各种问题. 默认显示工具栏.

  5. asp.net链接数据库问题，设置收藏本站，设置主页

    SQL Server 2008附加数据库失败:无法打开物理文件拒绝访问解决方法 无法打开物理文件 "E:\SQLDATA\EMSXDB.mdf".操作系统错误 5:"5( ...

  6. MySQL中如何查看“慢查询”，如何分析执行SQL的效率？

    一.MySQL数据库有几个配置选项可以帮助我们及时捕获低效SQL语句 1,slow_query_log这个参数设置为ON,可以捕获执行时间超过一定数值的SQL语句. 2,long_query_time ...

  7. EF6 CodeFirst+Repository+Ninject+MVC4+EasyUI实践(三)

    前言 在上一篇中,我们依靠着EasyUI强大的前端布局特性把前端登录界面和主界面给搭建完成了.这一篇我们就要尝试着把整个解决方案部署到云端呢,也就是Visual Studio Online(TFVC) ...

  8. JS实现页面加载完毕之前loading提示效果

    1.获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.docu ...

  9. Codeforces Round #313 (Div. 1)

    官方英文题解:http://codeforces.com/blog/entry/19237 Problem A: 题目大意: 给出内角和均为120°的六边形的六条边长(均为正整数),求最多能划分成多少 ...

  10. linux系统中查看系统位数（转载）

    查看系统多少位网上很多种说话   ### getconf WORD_BIT 错误的 这3个是对的        getconf LONG_BIT    echo $HOSTTYPE uname -a  ...