一.什么是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. Redis常用命令入门1：字符串类型命令

    Redis总共有五种数据类型,在学习的时候,一定要开一个redis-cli程序,边看边练,提高效率. 一.最简单的命令 1.获得符合规则的键名列表 keys * 这里的*号,是指列出所有的键,同时*号 ...

  2. 限制textarea输入内容长度（多浏览器兼容、鼠标操作可控）

    限制textarea的输入内容长度,当从键盘输入,内容长度达到最大值时,只有输入Backspace.Delete.左移动.右移动有效,当用鼠标粘贴内容,则只保留最大值长度的内容.从而控制textare ...

  3. guava学习--SettableFuture

    转载:https://my.oschina.net/realfighter/blog/349931 翻开SettableFuture的源码,我们看到SettableFuture继承了AbstractF ...

  4. Windows Store App JavaScript 开发：模板绑定

    WinJS库模板提供了一种格式化显示多条数据的便捷方式,通过这种方式可以将模板与ListView或FlipView等控件结合使用以控制数据的显示格式.定义一个WinJS库模板的方法与定义WinJS库控 ...

  5. C语言模块化编译介绍

    C语言模块化编译介绍 模块化编程的概念 所谓模块化变成(多文件开发),就是多文件(.c文件)编程,一个.c文件和一个.h文件可以被称为一个模块. 头文件开发的注意事项: 1)头文件中可以和C程序一样引 ...

  6. Kotlin 介绍

    Kotlin (0:00) 大家好,我是 Michael Pardo,今天我要给大家展示一下 Kotlin 这门语言,同时看看他如何让你在 Android 开发的时候更开心,更有效率. Kotlin ...

  7. CentOS x64上Matlab R2015b的镜像安装方法与卸载

    0. 原料 (1). CentOS_x64系统 CentOS 2.6.32-573.el6.x86_64 (2). Matlab  R2015b_glnxa64.iso,可以从百度网盘下载到:链接: ...

  8. [划分树] POJ 2104 K-th Number

    K-th Number Time Limit: 20000MS   Memory Limit: 65536K Total Submissions: 51732   Accepted: 17722 Ca ...

  9. 关于opacity的兼容问题

    各个浏览器的解决办法: css: .opacity{ filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* 老版Mozilla */ -kht ...

  10. Xcode快捷键

    1. 文件 CMD + N: 新文件 CMD + SHIFT + N: 新项目 CMD + O: 打开 CMD + S: 保存 CMD + SHIFT + S: 另存为 CMD + W: 关闭窗口 C ...