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同步问题相关推荐

  1. jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域

    jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域 <!DOCTYPE html> <html><head><meta chars ...

  2. 用jsonp 解决跨域问题

    用jsonp 解决跨域问题 参考文章: (1)用jsonp 解决跨域问题 (2)https://www.cnblogs.com/jiaoshuai/p/6844993.html 备忘一下.

  3. jsonp解决跨域问题(简单易懂)

    在日常的项目开发中,前端和后台是要经常交互的,有时候前端去请求后端的接口时,会出现跨域这个问题,解决跨域的方法有很多,本文主要讲解下如何使用jsonp来解决跨域问题. 解决问题之前,我们首先要明白一个 ...

  4. 前端跨域请求get_前端接收 get 请求,用jsonp 解决跨域问题, 需要服务端的response 也要jsonp 类型...

    1. 解决跨域必须在ajax 方法中dataType 设置为jsonp 2. 此时服务端返回的就必须是jsonp 类型的,而不是json 类型的 3. 客户端js 代码中ajax 方法还要设置json ...

  5. jsonp解决跨域问题

    跨域 就是由于JavaScript同源策略的限制,使得a.com域名下的js无法操作b.com或c.a.com域名下的对象或数据. 简单理解同一个域就是:相同域名.相同端口.相同协议! JS部分(使用 ...

  6. Web笔记-使用jsonp解决跨域请求(CROS)问题

    目录 基本概念 代码与实例 基本概念 当我在某web站点,这个站点里面发出了像其他站点的请求(不同链接,或者同一链接的不同端口),是会失败的,因为是浏览器的安全检测问题,当然,这个只是主流浏览器的功能 ...

  7. Django 【第十九篇】JS实现的ajax、同源策略和前端JSONP解决跨域问题

    一.回顾jQuery实现的ajax 首先说一下ajax的优缺点 优点:AJAX使用Javascript技术向服务器发送异步请求: AJAX无须刷新整个页面: 因为服务器响应内容不再是整个页面,而是页面 ...

  8. ajax跨界表单,ajax使用jsonp解决跨域问题

    ubuntu环境配置 网络配置 主要文件:/etc/network/interfaces,这里是IP.网关.掩码等的一些配置: # This file describes the network in ...

  9. ajax同时调用两个jsonp,使用JSONP进行跨域Ajax 调用

    JSONP 是啥 JSONP 全称是JSON with Padding. 当需要进行跨域Ajax 调用的时候, 需要用到JSONP 协议. 客户端 $.ajax({ url: 'http://xxx' ...

最新文章

  1. 统计学:统计学概述(一)
  2. 16个实用终端命令CLI
  3. 12、Grafan 4.3升级到Grafana 5.0
  4. pod setup 慢 的问题
  5. 2020正收益女性占比高达 58.9%,数据揭秘男女谁更会理财?
  6. 墨迹天气语音包_小米有品“智能AI翻译机”评测,还内置了语音助手,随身WiFi功能...
  7. VS2010与.NET4系列 16.ASP.NET 4 Web Forms 更加干净的HTML标记
  8. proteus实现单片机的仿真
  9. Android 加密
  10. Linux用户管理基本配置命令运用1
  11. html+css基础教程入门之CSS 尺寸
  12. 如何微信公众号中的视频保存下来
  13. MenuetOS小系统安装
  14. IAR在写结构体时不提示_如何写好个人事迹?
  15. Python机器学习iris数据集预处理和模型训练
  16. 如何设计可靠性UDP传输协议?
  17. xp下硬盘安装Ubuntu Kylin 14.04
  18. 如何查看linux进程?
  19. 【Calculate】Calculate Linux安装操作记录
  20. Gif动图怎么在线做?教你在线做gif动画图片

热门文章

  1. Spark Mllib里的如何对两组数据用斯皮尔曼计算相关系数
  2. bat判断3306端口号是否被占用
  3. 《Agile Impressions》作者问答录
  4. 关于java数组拷贝的性能
  5. Struts原理与实践(5)
  6. 37/100. Subsets
  7. PHP 入门 - 3.字符串
  8. java基础 Unsafe
  9. luogu1341 无序字母对
  10. 1.Easy Touch 3.1