ajax方法的封装
来源:互联网 发布:C语言next_permutation 编辑:程序博客网 时间:2024/05/29 07:16
用JavaScript封装了一个ajax的get,post两种方法的请求
// 将 get 跟post 封装到一起/* 参数1:url 参数2:数据 参数3:请求的方法 参数4:数据成功获取以后 调用的方法*/function ajax_tool(url,data,method,success) { // 异步对象 var ajax = new XMLHttpRequest(); // get 跟post 需要分别写不同的代码 if (method=='get') { // get请求 if (data) { // 如果有值 url+='?'; url+=data; }else{ } // 设置 方法 以及 url ajax.open(method,url); // send即可 ajax.send(); }else{ // post请求 // post请求 url 是不需要改变 ajax.open(method,url); // 需要设置请求报文 ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded"); // 判断data send发送数据 if (data) { // 如果有值 从send发送 ajax.send(data); }else{ // 木有值 直接发送即可 ajax.send(); } } // 注册事件 ajax.onreadystatechange = function () { // 在事件中 获取数据 并修改界面显示 if (ajax.readyState==4&&ajax.status==200) { // console.log(ajax.responseText); // 将 数据 让 外面可以使用 // return ajax.responseText; // 当 onreadystatechange 调用时 说明 数据回来了 // ajax.responseText; // 如果说 外面可以传入一个 function 作为参数 success success(ajax.responseText); } }}
阅读全文
0 0
- ajax方法的封装
- jQuery封装的Ajax方法
- 常用ajax封装的方法
- JQuery封装的ajax方法
- AJAX - 封装AJAX调用的方法
- Ajax请求GET/POST方法的封装
- 封装多种方式的ajax异步方法
- Ajax请求GET/POST方法的封装
- 结合tp封装的ajax方法
- JavaScript ajax 方法封装
- js封装ajax方法
- 简单封装$.ajax() 方法
- ajax方法封装优化
- 自行封装Jquery的ajax的form方法
- 基于jquery的ajax方法的二次封装
- 原生js封装ajax方法
- 原生JS封装ajax方法
- 原生js封装ajax方法
- 冒泡排序算法(九)
- 小小粉丝度度熊
- POJ 题目分类
- Redis HyperLogLog
- zhu的SQL行转列自述(分别用Oracle和Mysql实现)
- ajax方法的封装
- 引起高血压的药
- 应届毕业生如何通过学习Linux系统选择一份高薪职业
- 各种排序算法的总结
- linux实验楼学习笔记7
- c++/c常量
- Google大数据论文三宝之BigTable
- OpenCV学习之利用级联的haar分类器寻找检测目标
- Sublime Text 3快捷键