分享web开发知识

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

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

原生ajax

发布时间:2023-09-06 01:12责任编辑:赖小花关键词:暂无标签
function ajax() {
var ajaxData = {
type: arguments[0].type || "GET",
url: arguments[0].url || "",
async: arguments[0].async || "true",
data: arguments[0].data || null,
dataType: arguments[0].dataType || "text",
contentType: arguments[0].contentType || "application/x-www-form-urlencoded",
beforeSend: arguments[0].beforeSend || function () { },
success: arguments[0].success || function () { },
error: arguments[0].error || function () { }
}
ajaxData.beforeSend()
var xhr = createxmlHttpRequest();
xhr.responseType = ajaxData.dataType;
xhr.open(ajaxData.type, ajaxData.url, ajaxData.async);
xhr.setRequestHeader("Content-Type", ajaxData.contentType);
xhr.send(convertData(ajaxData.data));
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
ajaxData.success(xhr.response)
} else {
ajaxData.error()
}
}
}
}

?function createxmlHttpRequest() {
???if (window.ActiveXObject) {
?????return new ActiveXObject("Microsoft.XMLHTTP");
???} else if (window.XMLHttpRequest) {
?????return new XMLHttpRequest();
???}
?}

?function convertData(data) {
???if (typeof data === ‘object‘) {
?????var convertResult = "";
?????for (var c in data) {
???????convertResult += c + "=" + data[c] + "&";
?????}
?????convertResult = convertResult.substring(0, convertResult.length - 1)
?????return convertResult;
???} else {
?????return data;
???}
?}

?ajax({
???type: "POST",
???url: "https://rrc.1001.sh/index.php?r=Hotcity&m=Citys",
???dataType: "json",
???data: {},
???beforeSend: function () {

???},
???success: function (msg) {
?????console.log(msg,‘成功的数据‘)
???},
???error: function () {
?????console.log("error")
???}
?})

原生ajax

原文地址:http://www.cnblogs.com/liubingboke/p/7560419.html

知识推荐

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