分享web开发知识

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

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

原生封装一个类似于JQ的ajax方法

发布时间:2023-09-06 02:25责任编辑:林大明关键词:暂无标签
function $ajax(json){ ???//初始化参数 ???if(!json){ ???????return; ???} ???json.type = json.type || ‘GET‘; ???json.url = json.url || ""; ???json.async = json.async || true; ???json.data = json.data || {}; ???json.succeed = json.succeed || function(){} ???????if(json.dataType=="jsonp"){ ???????????????var oScript=document.createElement("script") ???????oScript.src=json.url ???????document.body.appendChild(oScript); ???????oScript.remove() ???????return ???} ???//将json.data对象转为符合传递参数的格式 ???var arr = []; ???for(var key in json.data){ ???????arr.push(key + ‘=‘ + json.data[key]); ???} ???var str = arr.join(‘&‘); ???alert(str); ???var xhr = new XMLHttpRequest(); ???if(json.type.toUpperCase() === ‘GET‘){ ???????xhr.open(json.type,json.url + "?" + str,json.async); ???????xhr.send(); ???}else if(json.type.toUpperCase() === ‘POST‘){ ???????xhr.open(json.type,json.url,json.async); ???????xhr.setRequestHeader("content-type","application/x-www-form-urlencoded;charset=utf-8"); ???????xhr.send(str); ???} ???xhr.onreadystatechange = function(){ ???????if(xhr.readyState === 4 && xhr.status === 200){ ???????????json.succeed(xhr.responseText); ???????} ???}}

原生封装一个类似于JQ的ajax方法

原文地址:https://www.cnblogs.com/zzkxjh/p/10087558.html

知识推荐

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