文档章节

jquery+ajax+jsonp实现跨域请求

zyt_1978
 zyt_1978
发布于 2016/06/19 22:11
字数 177
阅读 64
收藏 1

精选30+云产品,助力企业轻松上云!>>>

之前一篇博客详细的说明了jsonp协议,jquery ajax封装了jsonp协议,让跨域请求实现如此简单:

 
  1. $.ajax({
  2. type : "post",
  3. url : "http://www.phpddt.com/ajax/test",
  4. dataType : "jsonp",
  5. jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
  6. jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
  7. success : function(json){
  8. alert('success');
  9. },
  10. error:function(){
  11. alert('fail');
  12. }
  13. });


 服务器端处理如下:

 
  1. $data = .......
  2. $callback = $_GET['callback'];
  3. echo $callback.'('.json_encode($data).')';
  4. exit;


当使用jsonp时,使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

zyt_1978
粉丝 9
博文 166
码字总数 21058
作品 0
程序员
私信 提问
加载中
请先登录后再评论。
JQuery+ajax+jsonp 跨域访问

注:当用SpringMVC做服务器端时,要考虑到 Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”,可以让网页从别的网域获取资料。 关于Jsonp更详细的资料请参考http://baike.baidu....

lok-tar
2016/06/21
3
0
九种跨域方式实现原理(完整版)

前言 前后端数据交互经常会碰到请求跨域,什么是跨域,以及有哪几种跨域方式,这是本文要探讨的内容。 本文完整的源代码请猛戳github博客 一、什么是跨域? 1.什么是同源策略及其限制内容? ...

浪里行舟
2019/01/25
0
0
跨域原理及解决方案

[TOC] 1. 跨域原理 1. 定义 当协议、子域名、主域名、端口号中任意一个不相同时,都算作不同域。不同域之间相互请求资源,称为"跨域" 2. 同源策略(SOP,Same-Origin-Policy) 同源策略是一种约...

osc_7k19h8y1
2019/04/28
2
0
最完整的几种跨域方式实现原理

前后端数据交互经常会碰到请求跨域,什么是跨域,以及有哪几种跨域方式,这是本文要探讨的内容。 一、什么是跨域? 1.什么是同源策略及其限制内容? 同源策略是一种约定,它是浏览器最核心也...

osc_0cqshtia
2019/09/24
1
0
对前端跨域方案的认知总结

什么是跨域? -> 灵魂问题!!! 跨域呢 就是在一个域的文档或者脚本试图去请求另一个域的资源。 敲键盘、划重点了啊 1、首先肯定是两个域之间的通信 2、重点要记住脚本这两个字 最近的一个项...

前端小然子
2019/04/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java使用jsoup时绕过https证书验证.md

java 代码 增加一个工具类 在jsoup获取之前调用此方法 //your codeSSLHelper.init();Connection connect = Jsoup.connect(url).userAgent(USER_AGENT);connect.header("Accept","text/htm......

MeiJM
9分钟前
4
0
6 Message 消息提示框

1 element.js导入message import { Message } from 'element-ui'# 赋值给变量,便于this调用Vue.prototype.$message = Message 2 调用 this.$message.error('错误')类型有:success,w......

书阳
10分钟前
6
0
聊聊rocketmq-client-go的strategy

序 本文主要研究一下rocketmq-client-go的strategy AllocateStrategy rocketmq-client-go-v2.0.0/consumer/strategy.go type AllocateStrategy func(string, string, []*primitive.MessageQ......

go4it
37分钟前
21
0
BuildRun低代码开发教程八节 | 图表和仪表盘展示

课程说明 ▍ 1.1 课程实现功能 本课程为物联网应用平台设计一个仪表盘首页,包括以下内容: 卡片展示设备总数; 卡片展示网关总数; 卡片展示产品总数; 卡片展示产品分组总数; 图表展示各运...

BuildRun团队
41分钟前
23
0
JavaSE第03篇:Java基础语法之运算符和流程控制

本章将会延续JavaSE第02篇,详细讲解Java基础语法中的运算符和流程控制中的顺序结构、分支结构。 第一章:运算符 运算符,简而言之就是运算的符号。 我们通常所理解的运算一般和数学有关系,...

雷哒哒
44分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部