原生jsonp实现跨域及封装
发布日期:2021-06-30 11:51:02
浏览次数:2
分类:技术文章
本文共 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
留言是一种美德,欢迎回访!
[***.207.175.100]2024年05月04日 01时07分06秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
电子邮箱账号怎么申请,怎样申请邮箱账号呢
2019-04-30
邮箱怎么发邮件,邮件发信量多少,职场新人怎么发汇报邮件呢?
2019-04-30
maven 多层次pom 新引入包,编译成功,还是没有将包引入到本地
2019-04-30
leetCode2 两数相加
2019-04-30
【工具使用】使用pip与conda安装、更新与卸载Pytorch和torchvision
2019-04-30
【工具使用】Google免费云环境Colaboratory使用
2019-04-30
【深度学习笔记】卷积层,全连接层,池化层的相关输出参数计算
2019-04-30
【NLP学习笔记】文本分类概述
2019-04-30
【深度学习笔记】文本分类
2019-04-30
【转载】炼丹实验室:深度学习网络调参技巧
2019-04-30
【论文阅读笔记】文本分类论文汇总
2019-04-30
【NLP学习笔记】One-hot encoding:独热编码
2019-04-30
【工具使用】CSDN编辑器markdown字体、颜色与字号的设置
2019-04-30
【NLP学习笔记】词共现矩阵
2019-04-30
【NLP学习笔记】NLP基础知识框架图
2019-04-30
【深度学习笔记】卷积的输入输出的通道、维度或尺寸变化过程
2019-04-30