原生jsonp实现跨域及封装
发布日期:2021-06-30 11:51:02
浏览次数:3
分类:技术文章
本文共 646 字,大约阅读时间需要 2 分钟。
JSONP封装
function jsonp(url,success,data){ // 1.处理默认参数 data = data || {}; // 2.解析数据 var str = ""; for(var i in data){ str += `${i}=${data[i]}&`; } // 3.创建script标签,设置src,准备开启jsonp var script = document.createElement("script"); script.src = url + "?" + str; document.body.appendChild(script); // 4.定义全局函数 window[data[data.columnName]] = function(res){ success(res); }
使用
document.onclick = function(){ var url = "http://127.0.0.1/jsonp/data/jsonp3.php" jsonp(url,function(res){ alert(res) },{ pass:"root", // 5.用来保存,后台接收的回调函数名所在的字段名 // 为了给自己封装的函数传参,放置多次修改封装好的函数 columnName:"cb", // 6.根据后台要接受的字段名,发送回调函数名,回调函数名,已经无所谓了,随机都行 cb:"jsp" })}
后端php
转载地址:https://jackiehao.blog.csdn.net/article/details/105927562 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
不错!
[***.144.177.141]2024年04月13日 16时26分34秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Pytorch(十四) —— hook
2019-04-30
GPT (OpenAI GPT)
2019-04-30
linux(ubuntu)切换用户后出现 -bash-$
2019-04-30
Camera-ready ddl
2019-04-30
NLP之N-Gram模型
2019-04-30
CIFAR-100数据集
2019-04-30
Tiny Imagenet 数据集
2019-04-30
Knowledge Amalgamation 知识合并
2019-04-30
autossh
2019-04-30
CUB-200鸟类数据集
2019-04-30
MMLab工具箱 —— Hook机制
2019-04-30
MMLab工具箱 —— Runner类
2019-04-30
动态语言 vs. 静态语言
2019-04-30
Python反射机制
2019-04-30
YAPF —— Python代码格式化工具
2019-04-30
MMOCR——config文件
2019-04-30
NCCL
2019-04-30
pip install git+
2019-04-30
UGC 用户产生内容
2019-04-30
ranger
2019-04-30