ajax的步骤与封装ajax()方法

       Ajax技术核心是XMLHttpRequest对象(简称XHR),这是由微软首先引入的一个特性,其他浏览器提供商后来都提供了相同的实现。在XHR出现之前,Ajax式的通信必须借助一些hack手段来实现,大多数是使用隐藏的框架或内嵌框架。 
简单来说,它是一门与服务端进行数据交换的技术。

      什么是同步?

    传统方式提交表单都是同步的方式提交,表单必须要有name属性,发生页面跳转(一个很常见的表单提交。样式也是采用bootstrap )

HTML (传统表单提交)

 1.同步提交表单会发生地址栏的变化(post)

2.同步提交表单(get)

编写表单的异步提交 
ajax它是分为4个阶段

  1.实例化ajax对象

2.打开浏览器链接

3.向服务器发送数据

4.等待服务器返回数据

readyState  ,就是当前的请求状态,他有五种表现形式

这里写图片描述 
然后在判断status状态, 
这里写图片描述

编写post异步提交表单

 

用get方式,与post方式类似。在这里需要注意!

Post提交表单的数据形式

编写get异步提交表单

 

封装ajax()方法

1.反序列化data数据

2.利用arr.join()方法,拼接data数据

 

3.封装转换getdata方法

完善post请求的ajax方法

 

完善get请求的ajax方法

 

前台调用ajax()方法

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值