原生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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:浏览器的cookie信息的创建 /读取/删除-登录案例演示
下一篇:Win10默认应用设置时出现两个Chrome的解决办法--强迫症福利

发表评论

最新留言

留言是一种美德,欢迎回访!
[***.207.175.100]2024年05月04日 01时07分06秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章