一.什么是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. 安装numpy

    为了运行机器学习书上的实例,安装numpy.照着网上教程安装的,网上教程 1)下载numpy包 下载地址:https://pypi.python.org/pypi/numpy/#downloads 自 ...

  2. Groovy中文教程（链接收藏）

    学习Gradle前,需要有一个Groovy语言的基础,以免被Groovy的语法困扰,反而忽略了Gradle的知识.这里有一个Groovy的简明中文教程文档,可以快速学习Groovy的一些语法:http ...

  3. uva 10817（状压dp)

    题意:就是有个学校要招老师．要让没门课至少有两个老师可以上．每个样样例先输入三个数字课程数量s,已经在任的老师数量,和应聘的老师数量．已经在任的一定要聘请． 思路是参考了刘汝佳书上的,关键如何状压. ...

  4. guava学习--AsyncFunction

    AsyncFuntion接口与之前学习吃的使用Function和Functions进行对象转换有很密切的联系,AsyncFuction接口是Function接口的异步表现,AsyncFuction和F ...

  5. idea初使用之配置使用maven仓库

    idea使用的理由已经无需多说.现在已经超过了eclipse.java开发种占有44%.第一次使用上手还是挺难的.跟用惯了myeclipse的我来说.对于project的概念深入人心.还理解不了它的M ...

  6. solr索引服务器的配置和solrj集成开发总结

    一.环境:solr6.2 + jdk1.8 + tomcat8   (solr不同版本需要最低的环境不同) solr6 需要至少jdk1.8   .对应的solr5+jdk1.7+tomcat7 实测 ...

  7. css个人随笔，适合新手总结整理

    CSS的3种引用方式:1.外部样式表 都是在head标签内使用Link标签来引用的.2.内部样式表 <style type="text/css"> </style ...

  8. adapter用法

    Android之Adapter用法总结 1.概念 Adapter是连接后端数据和前端显示的适配器接口,是数据和UI(View)之间一个重要的纽带.在常见的View(ListView,GridView) ...

  9. Oracle 添加第二个实例 和 监听

    1.添加第二个实例 配置和移植工具 -->Database Configuration Assistant 然后一步一步创建实例(实例名为ORCL2) 创建成功后会在系统的服务里面有个服务名称为 ...

  10. 用Pyinstaller打包发布exe应用 （转）经测可用

    安装Pyinstaller   1 按照习惯,我们使用pip来安装模块.我们一直以来强调,要用最偷懒的方法.写代码的人尤其如此.人生苦短,你要偷懒~   0Python | 如何用pip安装模块和包 ...