JS之封装一个Ajax函数

时间:2020-08-08
本文章向大家介绍JS之封装一个Ajax函数,主要包括JS之封装一个Ajax函数使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

Ajax方法的封装

要求:

1、定义一个js方法,传入url,请求类型,请求参数,返回参数类型,回调方法,然后完成其ajax操作,并能完成回调。

步骤:

1、定义function,名称为ajax,参数url、type、param、datatype、callback
2、定义一个空的XMLHttpRequest对象。
3、然后区分浏览器,然后如果是IE6以上的,则直接new XMLHttpRequest
如果是IE6以下的,那么newActiveXObject
4、判斷參數中的type
    ① 如果是GET请求,那么拼接param参数。
    ② 然后初始化 HTTP 请求参数,例如 URL 和 HTTP 方法,但是并不发送请求
    ③ 然后定义一个data变量
    ④ 然后判断是否为post请求,如果是,那么给data赋值为param,设置请求头
5、使用XMLHttpRequest发送请求。
6、然后指定回调方法,在回调方法中判断响应码是否为200
7、然后拿到响应中的数据,然后判断相应数据格式
8、将响应格式数据解析为js对象,然后就调用callback回调方法,并传入响应得到的对象

代码实现:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

原文地址:https://www.cnblogs.com/liujielog/p/13460630.html