AJAX

AJAX 即“Asynchronous JavaScript and XML”(异步JavaScript和XML),俗称异步传输技术,是一种用于创建快速动态网页的技术
ajax原理(使用 jq实现):
1.前端触发
a.绑定事件
b.触发ajax:
c.配置参数:
$.ajax({ type: "POST", 请求服务器时参数传递的方式 url: "some.php", 服务器处理请求的页面 data: "name=John&location=Boston", 参数
datatype:"json", 设置返回的内容格式为json success: function(msg){ 回调函数 alert( "Data Saved: " + msg ); }});
$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); }});
d.当Data Saved能正常显示时,表示前端触发已完成
2.服务器响应
a.要有一个页面来接收并处理请求-->接收传递参数,并根据请求查询数据库
b.判断是否是ajax请求-->根据请求的不同返回不同的结果
$_SERVER:用来存储服务器相关信息
XMLHttpRequest对象:是ajax的核心对象
判断$_SERVER['HTTP_X_REQUESTED_WITH']是否存在
c.根据不同的请求,将结果 输出 返回(一般返回为json格式)
d.当Data Saved能返回设定的结果时,表示服务器响应已完成
3.前端响应
a.服务器响应成功后会触发
b.根据返回的数据显示最终结果给用户
4.Json:数据交换格式-->不同语言之间的翻译
以C语言为基础的都可以翻译
5.json_encode():将PHP的数据格式转换为json格式(不管哪一种语言翻译为json之后都是同一种格式)
ajax原理(使用原生js实现):
1.绑定事件:
2.创建xmlHttpRequest对象-->$_SERVER['HTTP_X_REQUESTED_WITH']=xmlHttpRequest
3.触发ajax:
a.open(‘数据传输方式’,‘请求的URL’,‘是否使用异步传输(true)’)
b.onreadystatechange:检查服务器的状态值的变化
readyState: 请求没发出 服务器处理请求的这段过程
0:请求未发出(open之前)
1:请求已建立但还没有发出(send之前)
2:请求已发出,正在处理(服务器开始接受并响应)
3:服务器已经处理,响应中(部分请求数据已经可用)
4 :响应已完成
status:响应完成之后,服务器处理结果
200:响应成功
404:未找到页面
304:
c.send():将请求发出
4.服务器响应成功,调用回调函数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值