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
- Python标准库(1) — itertools模块
- Linux笔记:使用Vim编辑器
- 一步一步学lucene——(第二步:示例篇)
- 类属性的延迟计算
- 一步一步学lucene——(第三步:索引篇)
- 在Python应用中使用MongoDB
- Python检查xpath和csspath表达式是否合法
- 一步一步学lucene——(第四步:搜索篇)
- Python爬虫代理IP池
- SSDB图形界面管理工具:phpssdbadmin安装部署
- [Go 语言社区] 初始化内存数据--游戏列表数据
- SSDB安装配置记录
- Python标准库笔记(3) — datetime模块
- Django 1.10中文文档-第一个应用Part4-表单和通用视图
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- C++拾取——使用stl标准库实现排序算法及评测
- 机器人实践课程镜像分享及使用说明(Arduino+ROS1+ROS2+Gazebo+SLAM+...)
- ROS 2 Foxy Fitzroy遇见Ubuntu 20.04
- ROS Noetic Ninjemys遇见Ubuntu 20.04
- Kustomize ConfigMapGenerate自动生成ConfigMap中的坑
- ThreadLocal的使用及原理
- 参数绑定
- ndn挖坑记(一)
- Python之QQ邮箱告警脚本
- 访问令牌JWT
- Java集成JWT
- Computer Graphics note(3):视口变换&光栅化
- Mac安装mysql
- 剑指Offer题解
- nginx 常见问题记录