分享web开发知识

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

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

JSONP跨域

发布时间:2023-09-06 02:00责任编辑:赖小花关键词:跨域JSONP

跨域Ajax JSONP
浏览器的同源策略:只能向本地发请求
XMLHttpRequest遵循同源策略

一般具有src属性的html标签都不遵循同源策略


巧妙的机制JSONP可以完成向外地发送请求

JSONP:利用创建script块,在其中执行src属性为:远程url
函数返回值()
function 函数(arg){
}

形式一

 ??????function submitJsonp2() { ???????????var tag = document.createElement(‘script‘); ???????????tag.src = ‘http://127.0.0.1:9000/xiaokai.html‘; ???????????document.head.appendChild(tag); ???????????document.head.removeChild(tag); ???????} ???????function fuck(arg) { ???????????console.log(arg) ???????}

形式二(包装好的形式)

 ?????function submitJsonp4() { ???????????$.ajax({ ???????????????url: ‘http://127.0.0.1:9000/xiaokai.html‘, ???????????????type: ‘POST‘, ???????????????dataType: ‘jsonp‘, ???????????????jsonp: ‘callback‘, ???????????????jsonpCallback: ‘func‘ ???????????}) ???????} ???????function func(arg) { ???????????console.log(arg); ???????}

JSONP跨域

原文地址:https://www.cnblogs.com/lhqlhq/p/9203184.html

知识推荐

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