分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

封装ajax

发布时间:2023-09-06 02:01责任编辑:蔡小小关键词:暂无标签

function format(obj) {
???var temp = [];
???for (var key in obj) {
???????temp.push(key + "=" + obj[key]);
???}
???return temp.join("&");
}

function extend() {
???for (var i = 0; i < arguments.length; i++) {
???????for (var key in arguments[i]) {
???????????arguments[0][key] = arguments[i][key];
???????}
???}
???return arguments[0];
}

function ajax(opt) {
???var def = {
???????async: true,
???????method: ‘get‘,
???????data: null,
???????success: function() {}
???}
???var settings = extend({}, def, opt);
???var data = typeof settings.data == ‘object‘ ? format(settings.data) : settings.data;
???var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
???if (settings.method == ‘get‘) {
???????xhr.open(settings.method, settings.url + "?" + data, settings.async);
???????xhr.send();
???} else if (settings.method == ‘post‘) {
???????xhr.open(settings.method, settings.url, settings.async);
???????xhr.setRequestHeader(‘Centent-Type‘, "application/x-www-form-urlencoded,charset-utf-8");
???????xhr.send(data);
???}
???xhr.onreadystatechange = function() {
???????if (xhr.readyState == 4) {
???????????if (xhr.status == 200) {
???????????????var obj = JSON.parse(xhr.responseText);
???????????????settings.success(obj);
???????????}
???????}
???}
}

封装ajax

原文地址:https://www.cnblogs.com/mapsxy/p/9215935.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved