Ajax (核心是XMLHttpRequest对象)

1、XMLHttpRequest对象:

request=new XMLHttpRequest()  支持Firefox opera Safari  等级别以上的浏览器

xmlhttp=new ActiveXobject('Msxml2.XMLHTTP') 支持IE6+

xmlhttp=new ActiveXobject('Microsoft.XMLHTTP')支持IE6+

2、XMLHttpRequest对象的三大属性:

2.1、onreadystatechange   存储处理服务器的响应的函数

2.2、readyState     存储服务器的响应状态信息

五个值:0:请求未初始化

1:服务器连接已建立

2:请求已发送

3:请求处理中,但是没有响应

4:请求已完成,且响应已就绪

2.3、responseText      获取由服务器返回的数据

3、请求发送服务器的方法

1、open()

参数:GET/POST   表明HTTP方法

URL            规定服务器端脚本路径

true/false    是否异步请求

2、send()    将请求发送到服务器端

例:

request.open("GET","test.txt",true);

request.onreadystatechange=functiin(){

if(request.redyState==4){

//从服务器获取数据的代码,并做相应处理

alert(request.responseText);

}

}

request.send(null);

JSON

1、语法法则:

1.1、数组(Array)用方括号(“[]”)表示。

1.2、 对象(Object)用大括号(”{}”)表示。 -

1.3、名称/值对(name/value)组合成数组和对象。

1.4、名称(name)置于双引号中,值(value)有字符串、数值、布尔值、null、对象和数组。 -

1.5、并列的数据之间用逗号(“,”)分隔

例:{

"name": "Geoff Lui",  "age": 26

}

2、JSON 和 XML

JSON 常被拿来与 XML 做比较,因为 JSON 的诞生本来就多多少少要有取代 XML 的意思。相比 XML,JSON 的优势如下:

2.1、没有结束标签,长度更短,读写更快

2.2、能够直接被 JavaScript 解释器解析

2.3、可以使用数组

例:

JSON:

{

"name": "Geoff Lui",  "age": 26,  "friends": ["Lily", "Lucy", "Gwen"]

}

XML:

<root>

  <name>Geoff Lui</name>

  <age>26</age>

  <friends>Lily</friends>

  <friends>Lucy</friends>

  <friends>Gwen</friends>

</root>

3、 JSON 解析和生成

在 JavaScript 中,有两个方法与此相关: JSON.parse 和 JSON.stringify 。

例:

<script>

  var str = '{"name": "Geoff Lui","age": 26}';//字符串

  var obj = JSON.parse(str);//传入字符串

  console.log(obj);//输出结果

  var jsonstr = JSON.stringify(obj);//把转换好的对象生成json语法规则的字符串

  console.log(jsonstr);//输出

</script>

Ajax and JSON的更多相关文章

  1. ASP.NET 5 - $.ajax post JSON.stringify(para) is null

    JavaScript 代码: var para = {}; para.id = $("#ad-text-id").val(); para.title = $("#ad-t ...

  2. qt qml ajax 获取 json 天气数据示例

    依赖ajax.js类库,以下代码很简单的实现了获取天气json数据并展示的任务 [TestAjax.qml] import QtQuick 2.0 import "ajax.js" ...

  3. ajax将json写到table中去

    查询条件: <table style="width: 100%;border-collapse: collapse;" > <tr> <th styl ...

  4. ajax获取json对象

    ajax获取json对象 ajax获取json数据,都是一个原理,设置response 的Content-Type:application/json,这样浏览器自动会解析为json对象 $result ...

  5. Ajax与json在前后端中的细节解惑

    ajax请求JSON Thinkphp中对是否为Ajax的判断,在TP3.2开发手册中有这么一段:“需要注意的是,如果使用的是ThinkAjax或者自己写的Ajax类库的话,需要在表单里面添加一个隐藏 ...

  6. Ajax与Json的一些总结

    Ajax与Json AJAX=异步javaScript 和XML AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新. 这意味着可以在不 ...

  7. ajax返回JSON时的处理方式

    JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). json_encode() 该函数主要用来将数组和对象, ...

  8. JQuery处理json与ajax返回JSON实例

    一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内 ...

  9. Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据

    jquery.tmpl.js 是一个模板js  ,主要有2个方法 (1):$.template()方法,将一段script或者是Html编译为模板,例如 $.template('myTemplate' ...

  10. [Javascript,JSON] JQuery处理json与ajax返回JSON实例

    转自:http://www.php100.com/html/program/jquery/2013/0905/5912.html [导读] json数据是一种经型的实时数据交互的数据存储方法,使用到最 ...

随机推荐

  1. php 生成正态分布随机数

    这个函数比较冷门,连官方文档都不太齐全 function stats_rand_gen_normal(av, sd);   //av是平均值,sd是标准偏差 使用这个函数需要,安装pecl stats ...

  2. Yii简单的基于角色的访问控制

    public function filters() { return array( 'accessControl', // perform access control for CRUD operat ...

  3. Gof-23种设计模式名称列表

    工欲善其事,必先利其器. 在真正使用设计模式之前,必须知道各个设计模式对应的场景.设计模式是针对某种固定的场景下产生的固定解决方案.只有明确的场景,才会有明确的设计方式和方法. 设计模式全集: Abs ...

  4. Javascript类型——boolean类型

    布尔值在Javascript中有两个值:true和false. 布尔值和其他数据类型的转换关系 数据类型 true false boolean true false String 任何非空字符串 &q ...

  5. Collections.sort的两种用法 转

    /** * @author guwh * @version 创建时间:2011-11-3 上午10:49:36 * 类说明 */ package com.jabberchina.test; impor ...

  6. Java工作队列和线程池

    背景    最近的需要做一个与设备通信的web项目.当然,我们需要写好与设备之间的通信协议(socket).大致的时序逻辑时:当用户用浏览器点击页面某一控件后,它就向后台发送一个post请求,后台解析 ...

  7. pgsql自动安装shell脚本整理

    前面不断在vm虚拟机上测试pgsql,发觉安装还是有些麻烦的. 所以就收集了一些 1,http://www.davidghedini.com/pg/entry/postgresql_9_5_scrip ...

  8. LabVIEW设计模式系列——移位寄存器

    标准:1.太多移位寄存器会导致连线太多,看起来凌乱,使用簇将变量打包,统一用一个移位寄存器,这样可以减少连线的麻烦2.如果每个变量都使用一个移位寄存器,没有一个名字是很难区分移位寄存器到底属于哪一个变 ...

  9. 局域网内使用linux的ntp服务

    假设我们的饿局域网无法连接外网,但又需要同步时间,怎么办? 1. 已局域网内的一台机器作为基础,适用date修改其他机器的时间,date -s ...,很不方便,这里不介绍. 2. 适用ntp服务,自 ...

  10. 关于tomcat的思考

    下载文件两种方式:绿色版的.安装版的(找到jre的环境变量.配置或修改端口8080→8070) 启动完tomcat之后: 既可以虚拟目录打开(如http://localhost:8070/mldn/) ...