美文网首页
前端小白之ajax-get请求封装

前端小白之ajax-get请求封装

作者: 前端毛毛 | 来源:发表于2018-10-02 17:38 被阅读0次

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。 具体参考http://www.w3school.com.cn/ajax/index.asp

原理:ajax发送get请求需要经过以下几点

1.创建一个异步对象

2.设置请求名称与请求地址

3.发送请求

4.监听状态的变化

5.处理返回的结果

注意点:1.封装get请求函数需传入几个参数  地址url  后台获取的数据obj  外界传入时间timeOut  请求成功回调函数  请求失败回调函数

2.传入的obj需遍历然后通过join方法&连接  get请求url不能是中文  于是需要转码 encodeURIComponent方法进行转化

3.注意状态码的显示  200到300都是正确的  304代表返回本地缓存数据(特殊) 当满足readyState==4时 也满足状态码等于范围时  即可返回所需回调函数

4.判断外界是否传入了超时时间 如果超过则返回错误  可用sleep(seconds:time)来测试

5.响应数据获得字符串形式的响应数据responseText

封装代码如下

1 2

使用封装代码如下

1.引入js文件

2.传入参数

举例如下

 
后台php获取 通过get请求 因get请求会将提交的数据拼接到url后面

相关文章

网友评论

      本文标题:前端小白之ajax-get请求封装

      本文链接:https://www.haomeiwen.com/subject/tslaoftx.html