【JSON,Ajax】

cache 缓存

JSON
JSON 是一种轻量级的数据交换格式,ECMA 的一个子集
优点:

轻量级、易于人的阅读和编写,便于机器(JavaScript)解析,支持复合数据类型(数组、对
象、字符串、数字)

使用一个JSON 对象,描述下面一句话

沈嫣然24 岁,来自北京,爱好看bl小说和吃好吃的。小沈有两个妹妹,一个叫小王,23 岁,是一名策划助理。另
一个叫小白,16岁,是一名学生。

{

  "name":"沈嫣然",

  "age":24,

  "from":"北京",

  "hobby":"看bl小说和吃好吃的",

  "sisters":[

        {"name":"小王","age":23,"job":"策划助理",},

        {"name":"小白","age":16,"job":"学生"}

      ]

}

Ajax

Ajax 是异步JavaScript 和XML,用于在Web 页面中实现异步数据交互。
优点:
可以使得页面不重载全部内容的情况下加载局部内容,降低数据传输量
避免用户不断刷新或者跳转页面,提高用户体验
缺点:
对搜索引擎不友好
要实现ajax 下的前后退功能成本较大
可能造成请求数的增加
跨域问题限制

使用JavaScript 编写原生的Ajax 请求代码

创建XMLHttpRequest对象

  1. get请求
  2. post请求
  3. readyState与status

0 (未初始化): (XMLHttpRequest)对象已经创建,但还没有调用open()方法;

1 (载入):已经调用open() 方法,但尚未发送请求;

2 (载入完成): 请求已经发送完成;

3 (交互):可以接收到部分响应数据;

4 (完成):已经接收到了全部数据,并且连接已经关闭。

Status  →   404

AJAX在JQuery中怎样写

$.ajax({

    url:"http://www.microsoft.com",    //请求的url地址

    dataType:"json",   //返回格式为json

    async:true,//请求是否异步,默认为异步,这也是ajax重要特性

    data:{"id":"value"},    //参数值

    type:"GET",   //请求方式

    beforeSend:function(){

        //请求前的处理

    },

    success:function(req){

        //请求成功时处理

    },

    complete:function(){

        //请求完成的处理

    },

    error:function(){

        //请求出错处理

    }

});

Ajax在什么情况下会执行success, 什么时候会执行error

success

类型:Function

请求成功后的回调函数。

参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。

这是一个 Ajax 事件。

error

类型:Function

默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。

有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。

如果发生了错误,错误信息(第二个参数)除了得到 null 之外,还可能是 "timeout", "error", "notmodified" 和 "parsererror"。

这是一个 Ajax 事件。

Ajax都能返回哪些类型的数据

  1. 返回string
  2. 返回int【向下取整,取整函数】
  3. 返回数组(List或array)
  4. 返回自定义类
  5. 返回自定义类的集合
  6. 返回Dictionary
  7. 返回DataSet【数据集】       
posted @ 2016-11-28 13:01  称代先生  阅读(175)  评论(0编辑  收藏  举报