ajax基础
来源:互联网 发布:python twisted下载 编辑:程序博客网 时间:2024/06/16 08:39
1、ajax的优点
(1)改善用户的体验:
不打断用户的操作,页面无刷新。
(2)提升程序的性能:
按照需要获取数据(不再需要返回一个完整的新的
页面,只需要返回部分的数据)。
(3)标准化的技术:
不需要下载任何的插件(有些类似ajax的技术,比如
Flex,是需要下载插件的)。
2、json (javascript object notation)
(1)json是什么?
是一种轻量级的数据交换标准。
1)数据交换
将数据转换成一种与平台无关的数据格式并传递
给接收方。
比如:服务器端有一个order对象,要发送给
浏览器,可以将order对象表示的数据转换成一个
xml文档然后发送给浏览器,在浏览器端,再去
解析这个xml文档,就可以获得order信息。
<order>
<name>order001</name>
<price>100</price>
....
</order>
也可以将order对象表示的数据转换成一个
json字符串
{'name':'order001','price':100,....}然后
发送给浏览器,在浏览器端,可以很方便地将这个
json字符串转换成一个js对象,然后获得order信息。
2)轻量级
相对于xml作为数据交换标准,json所需要的
文档大小更小,解析的速度更快。
(2)json的语法 www.json.org
1)表示一个对象
{属性名称1:属性值1,属性名称2:属性值2...}
注意:
a,属性名称要用引号(单引号或者双引号)括起来。
b,属性值可以是
number,string,boolean(true/false),
null,object
c,如果属性值是string,要用引号括起来。
2)表示一个对象组成的数组
[{},{},{}...]
(3)使用json编写ajax应用程序
1) java对象转换成json字符串。
或者java对象组成的集合转换成json字符串。
使用json提供的官方的工具
JSONObject,JSONArray
2)json字符串转换成javascript对象
使用一些js框架提供的函数,比如
prototype提供的evalJSON函数。
prototype.js提供了很多有用的函数,比如:
$(id): document.getElementById(id)
$F(id): $(id).value
$(id1,id2,id3....): 分别查找id为id1,id2,id3...
的节点,然后返回一个由这些节点组成的数组。
strip(): 除掉字符串两端的空格。
evalJSON():将json字符串转换成相应的js
对象或者js对象组成的数组。
练习:
参见tts6第二天 经典案例“热卖商品动态显示"。
3、发送同步请求
(1)什么是同步请求
当ajax对象向服务器发请求时,浏览器会锁定
当前页面,用户不能对当前页面做其它的操作。
(2)如何发送同步请求
open(请求方式,请求地址,false);
练习:
验证码不能为空,并且验证码必须正确,才
能提交表单。
(1)改善用户的体验:
不打断用户的操作,页面无刷新。
(2)提升程序的性能:
按照需要获取数据(不再需要返回一个完整的新的
页面,只需要返回部分的数据)。
(3)标准化的技术:
不需要下载任何的插件(有些类似ajax的技术,比如
Flex,是需要下载插件的)。
2、json (javascript object notation)
(1)json是什么?
是一种轻量级的数据交换标准。
1)数据交换
将数据转换成一种与平台无关的数据格式并传递
给接收方。
比如:服务器端有一个order对象,要发送给
浏览器,可以将order对象表示的数据转换成一个
xml文档然后发送给浏览器,在浏览器端,再去
解析这个xml文档,就可以获得order信息。
<order>
<name>order001</name>
<price>100</price>
....
</order>
也可以将order对象表示的数据转换成一个
json字符串
{'name':'order001','price':100,....}然后
发送给浏览器,在浏览器端,可以很方便地将这个
json字符串转换成一个js对象,然后获得order信息。
2)轻量级
相对于xml作为数据交换标准,json所需要的
文档大小更小,解析的速度更快。
(2)json的语法 www.json.org
1)表示一个对象
{属性名称1:属性值1,属性名称2:属性值2...}
注意:
a,属性名称要用引号(单引号或者双引号)括起来。
b,属性值可以是
number,string,boolean(true/false),
null,object
c,如果属性值是string,要用引号括起来。
2)表示一个对象组成的数组
[{},{},{}...]
(3)使用json编写ajax应用程序
1) java对象转换成json字符串。
或者java对象组成的集合转换成json字符串。
使用json提供的官方的工具
JSONObject,JSONArray
2)json字符串转换成javascript对象
使用一些js框架提供的函数,比如
prototype提供的evalJSON函数。
prototype.js提供了很多有用的函数,比如:
$(id): document.getElementById(id)
$F(id): $(id).value
$(id1,id2,id3....): 分别查找id为id1,id2,id3...
的节点,然后返回一个由这些节点组成的数组。
strip(): 除掉字符串两端的空格。
evalJSON():将json字符串转换成相应的js
对象或者js对象组成的数组。
练习:
参见tts6第二天 经典案例“热卖商品动态显示"。
3、发送同步请求
(1)什么是同步请求
当ajax对象向服务器发请求时,浏览器会锁定
当前页面,用户不能对当前页面做其它的操作。
(2)如何发送同步请求
open(请求方式,请求地址,false);
练习:
验证码不能为空,并且验证码必须正确,才
能提交表单。
0 0
- Ajax 基础
- Ajax基础
- Ajax基础
- AJAX基础
- AJAX基础
- ajax基础
- ajax基础
- Ajax 基础
- ajax基础
- AJAX基础
- AJAX 基础
- Ajax基础
- Ajax基础
- AJAX 基础
- ajax基础
- AJAX基础
- Ajax基础
- Ajax基础
- 15 个旅行中超级好用的小窍门!
- iOS通过iTunes search检测版本更新,并提示用户更新!
- Java对日期Date类进行加减运算,年份加减,月份加减
- Mali & UMP memory allocation
- [FOJ 2105][Vjudge 35179] Digits Count [线段树]
- ajax基础
- JavaScript学习笔记 第五记
- Android开发全程记录(十二)——ImageView 加边框的方法
- Java 多线程 原子性 Java编程思想读书笔记
- crawler4j源码分析(四)Parser
- python登陆Discuz!论坛通用代码
- php 解决MySQL插入数据出现 Incorrect string value: '\xF0\x9F\x92\x8BTi...'错误
- union关键字
- python try except else finally 执行顺序详细分析