分享web开发知识

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

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

JSONP跨域 ajax请求

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

原理:

由于浏览器的同源策略不能使用XMLHTTPREQUEST对除本地外的服务器发送请求。

所以使用script标签的src属性发送请求,接收到的JSONP数据以函数名的方式返回。

需要在本地创建服务器返回的函数接收服务器返回的数据。


JS代码:

function jsonpRequest() {
???var create_src = document.createElement(‘srcipt‘); #创建script标签
???create_src.src = ‘http://www.baidu.com‘;    #给script标签加入src请求地址
???document.head.appendChild(create_src);      #把script标签添加到head标签内
???document.head.removeChild(create_src);      #把script标签在head标签内删除

}

function f(arg) {
???console.log(arg)
}



jquery代码:

$.ajax({
url:‘http//xxxxx‘,
type:‘GET‘ 或 ‘POST‘,
dataType:JSONP
})

function xxx(arg){
  console.log(arg);
}

JSONP跨域 ajax请求

原文地址:https://www.cnblogs.com/louzi/p/9248191.html

知识推荐

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