|
【郑州校区】AJAX AJAX
阿贾克斯，AJAX是异步的JS和XML，
AJAX并不是一种新的编程语言，AJAX是一种使用了现有标准的新方法，
AJAX是一种JS与WEB服务器交互的技术，
AJAX可以让页面在不需要重新加载的情况下，实现页面内容的更新。
学习AJAX必须掌握的技术
HTML
CSS
JS/DOM/jQuery
AJAX的入门案例
创建请求对象
设置请求状态变化时所触发的事件
创建连接（请求方法，请求地址，请求模式）
发送请求
AJAX提交数据至服务器
GET
将数据追加在请求地址后面
POST
设置类型
使用send方法提交数据
AJAX案例
校验用户名是否重复
传统方式
AJAX方式
jQuery的AJAX实现
$,jQuery
ajax()
参数
{
type:设置请求的类型，常用的有GET和POST
url:设置请求的地址
data:设置POST方式提交的数据
success:请求响应完成后要执行的方法
}
JS中的{}对象
{}代表一个对象
属性：
{属性名称:属性值,属性名称2:属性值2}
var stu = {name:"zhangsan",age:18}
stu.name
方法:
{方法名:function(){}}
var stu = {sum:function(a,b){return a + b;}}
stu.sum()
jQuery的其他AJAX方法
get
post
load
案例
展示所有的学生信息
JSON
是一种轻量级的数据交互（传输）格式
jQuery的ajax接收数据的格式
普通文本
xml
表示一个对象
<student>
<name>zhangsan</name>
<age>18</age>
</student>
表示多个对象
<students>
<student>
<name>zhangsan</name>
<age>18</age>
</student>
<student>
<name>zhangsan</name>
<age>18</age>
</student>
</students>
json
表示一个对象
{name:"zhangsan",age:18}
表示多个对象
[{name:"zhangsan",age:18},{name:"zhangsan",age:18}]
ajax
{
dataType:"json"
}
get
url,fn,"json"
url,data,fn,"json"
post
url,fn,"json"
url,data,fn,"json"
传智播客·黑马程序员郑州校区地址 河南省郑州市 高新区长椿路11号大学科技园（西区）东门8号楼三层
| 
收藏
淘帖
踩
