JSONP解决跨域及ajax同步问题
2019独角兽企业重金招聘Python工程师标准>>>
1、前端js
1、参数定义:var sendJSONP = function(url){var settings = {url:url,type:"GET",//JSONP下只能GETdataType:"jsonp",async:false,//同步请求,在JSONP下无效jsonp: "callback",//指定参数名jsonpCallback: "jsonp",//指定回调函数名,参数名和回调函数名在url中会被拼接成..&callback=jsonp&..headers: {'Content-Type': 'application/json;charset=utf-8'}}return promising_ajax(url,settings);}2、promise定义:var promising_ajax = function(url, settings) {settings = settings || {};return new Promise(function(resolve, reject) {settings.success = function(data, status, jqXHR) {resolve(data);};settings.error = function(jqXHR, status, error) {reject(wrap_ajax_error(jqXHR, status, error));};ajax(url, settings);});};3、请求发送:var ajax = function (url, settings) {// like $.ajax, but ensure XSRF or Authorization header is setif (typeof url === "object") {// called with single argument: $.ajax({url: '...'})settings = url;url = settings.url;delete settings.url;}return $.ajax(url, settings);};
2、后端代码:
@RequestMapping(value="/openapi/add/{trainId}",method= RequestMethod.GET,produces = "application/json;charset=utf-8")public void add(@PathVariable Integer trainId, String data, String callback, HttpServletResponse response) throws IOException {response.setHeader("Content-type","application/json;charset=UTF-8");response.getWriter().write(callback+"("+ JSON.toJSONString(obj)+")");
}
3、使用方法
service.sendJSONP(url).then(function(resdata){if(resdata.result == 1){}})
jquery ajax常用方法查询:http://www.365mini.com/page/jquery_ajax.htm
转载于:https://my.oschina.net/u/2391658/blog/1787666
JSONP解决跨域及ajax同步问题相关推荐
- jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域
jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域 <!DOCTYPE html> <html><head><meta chars ...
- 用jsonp 解决跨域问题
用jsonp 解决跨域问题 参考文章: (1)用jsonp 解决跨域问题 (2)https://www.cnblogs.com/jiaoshuai/p/6844993.html 备忘一下.
- jsonp解决跨域问题(简单易懂)
在日常的项目开发中,前端和后台是要经常交互的,有时候前端去请求后端的接口时,会出现跨域这个问题,解决跨域的方法有很多,本文主要讲解下如何使用jsonp来解决跨域问题. 解决问题之前,我们首先要明白一个 ...
- 前端跨域请求get_前端接收 get 请求,用jsonp 解决跨域问题, 需要服务端的response 也要jsonp 类型...
1. 解决跨域必须在ajax 方法中dataType 设置为jsonp 2. 此时服务端返回的就必须是jsonp 类型的,而不是json 类型的 3. 客户端js 代码中ajax 方法还要设置json ...
- jsonp解决跨域问题
跨域 就是由于JavaScript同源策略的限制,使得a.com域名下的js无法操作b.com或c.a.com域名下的对象或数据. 简单理解同一个域就是:相同域名.相同端口.相同协议! JS部分(使用 ...
- Web笔记-使用jsonp解决跨域请求(CROS)问题
目录 基本概念 代码与实例 基本概念 当我在某web站点,这个站点里面发出了像其他站点的请求(不同链接,或者同一链接的不同端口),是会失败的,因为是浏览器的安全检测问题,当然,这个只是主流浏览器的功能 ...
- Django 【第十九篇】JS实现的ajax、同源策略和前端JSONP解决跨域问题
一.回顾jQuery实现的ajax 首先说一下ajax的优缺点 优点:AJAX使用Javascript技术向服务器发送异步请求: AJAX无须刷新整个页面: 因为服务器响应内容不再是整个页面,而是页面 ...
- ajax跨界表单,ajax使用jsonp解决跨域问题
ubuntu环境配置 网络配置 主要文件:/etc/network/interfaces,这里是IP.网关.掩码等的一些配置: # This file describes the network in ...
- ajax同时调用两个jsonp,使用JSONP进行跨域Ajax 调用
JSONP 是啥 JSONP 全称是JSON with Padding. 当需要进行跨域Ajax 调用的时候, 需要用到JSONP 协议. 客户端 $.ajax({ url: 'http://xxx' ...
最新文章
- 统计学:统计学概述(一)
- 16个实用终端命令CLI
- 12、Grafan 4.3升级到Grafana 5.0
- pod setup 慢 的问题
- 2020正收益女性占比高达 58.9%,数据揭秘男女谁更会理财?
- 墨迹天气语音包_小米有品“智能AI翻译机”评测,还内置了语音助手,随身WiFi功能...
- VS2010与.NET4系列 16.ASP.NET 4 Web Forms 更加干净的HTML标记
- proteus实现单片机的仿真
- Android 加密
- Linux用户管理基本配置命令运用1
- html+css基础教程入门之CSS 尺寸
- 如何微信公众号中的视频保存下来
- MenuetOS小系统安装
- IAR在写结构体时不提示_如何写好个人事迹?
- Python机器学习iris数据集预处理和模型训练
- 如何设计可靠性UDP传输协议?
- xp下硬盘安装Ubuntu Kylin 14.04
- 如何查看linux进程?
- 【Calculate】Calculate Linux安装操作记录
- Gif动图怎么在线做?教你在线做gif动画图片