jsonpCallback: xx is not a function
参考文献:
https://www.cnblogs.com/lenghan/p/5777588.html
根据原理解读,发现同一个页面如果多个ajax请求调用的jsonpCallback名字相同的话,会在执行完第一个jsonpCallback后,就会置为undefined
function setCoupons22222222222(){ $.ajax({ type: 'GET', url: "https://api.pangku.com/v1/coupons/channel?count=1&serialId=2824&brandId=2®ionId=1&ad_num=03", dataType:'jsonp', cache: true, jsonpCallback: 'setCouponsChannel', success:function(resultData){ console.log("哈哈"); console.log(resultData); }, error:function(data){ console.log(1234); } }); } setCoupons22222222222(); setCoupons22222222222();
暂时发现有两种解决方法:
第一种,设置不同的jsonpCallback名称,比如在for循环里调用的时候,每个名字加上循环的i来区分(实际上缓存就失效了?)
function setCoupons22222222222(i){ $.ajax({ type: 'GET', url: "https://api.pangku.com/v1/coupons/channel?count=1&serialId=2824&brandId=2®ionId=1&ad_num=03", dataType:'jsonp', cache: true, jsonpCallback: 'couponsChannel'+i, success:function(resultData){ console.log("哈哈"); console.log(resultData); }, error:function(data){ console.log(1234); } }); } setCoupons22222222222(1); setCoupons22222222222(2); setCoupons22222222222(3); setCoupons22222222222(4); setCoupons22222222222(5); setCoupons22222222222(6);
优化一下,让网站缓存继续可用:
var a=1; function setCoupons22222222222(){ a=a+1 $.ajax({ type: 'GET', url: "https://api.pangku.com/v1/coupons/channel?count=1&serialId=2824&brandId=2®ionId=1&ad_num=03", dataType:'jsonp', cache: true, jsonpCallback: 'couponsChannel'+a, success:function(resultData){ console.log("哈哈"); console.log(resultData); }, error:function(data){ console.log(1234); } }); } setCoupons22222222222(); setCoupons22222222222(); setCoupons22222222222(); setCoupons22222222222(); setCoupons22222222222(); setCoupons22222222222();
第二种,定义jsonpCallback函数,但是不做处理,例如:
function setCoupons22222222222(){ $.ajax({ type: 'GET', url: "https://api.pangku.com/v1/coupons/channel?count=1&serialId=2824&brandId=2®ionId=1&ad_num=03", dataType:'jsonp', cache: true, jsonpCallback: 'setCouponsChannel', success:function(resultData){ console.log("哈哈"); console.log(resultData); }, error:function(data){ console.log(1234); } }); } function setCouponsChannel(data){console.log("hello")}; setCoupons22222222222(); setCoupons22222222222();
你会发现先打印hello再打印上面的哈哈,就是说ajax返回后先调用jsonpCallback处理返回的数据,再将返回的数据传给success进行处理
----------------------------------------------------我是分割线--------------------------------------------------------------
另外一种情况是,在你发现ajax的时候,别人把你ajax注册到window对象的jsonpCallback函数置为undefined了
例如:
function setCoupons22222222222(){ $.ajax({ type: 'GET', url: "https://api.pangku.com/v1/coupons/channel?count=1&serialId=2824&brandId=2®ionId=1&ad_num=03", dataType:'jsonp', cache: true, jsonpCallback: 'setCouponsChannel', success:function(resultData){ console.log(resultData); }, error:function(data){ console.log(1234); } }); window.setCouponsChannel=null; } setCoupons22222222222();
jsonpCallback: xx is not a function的更多相关文章
- 关于IONIC 报错 XX is not a function
刚开始 做一个项目,总是报错"XX is not a function" 最后发现 原因 , 原来是 服务的 注入位置 有问题. angular.module(" ...
- 学习angularjs时遇到 XX is not a function
第一次练习就直接没效果: "后不能直接以 function XXXcontroller (){ code......}这样的方式直接注册监听器了. 以后必须angular.mod ...
- jquery插件一直报错:xx is not a function
当然像js文件未引用或者js插件使用方法不对这样的解决办法想必大家都已经试过了. 那么在放弃前请最后看一下是不是引用了两个jquery文件. 引用了两个jquery文件! 引用了两个jquery文件! ...
- var 与function的权重浅析
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 15分XX秒后订单自动关闭(倒计时)
//订单记录 function get_order(){ //请求订单ajax方法 XX.send_api("method",{data},function(){ var date ...
- 跨域名设置cookie或获取cookie
可以使用jquery里面的ajax中的jsonp的方式来访问就可以了.代码如下: $.ajax({ url: 'your url', data: {'xx' : 'xx', 'xx2' : 'xx2' ...
- iOS之UIWebView无法获取web标题
最近遇到了一个问题,就是在UIWebView的代理方法里,执行document.title的js代码无法获取网页标题,代码如下: - (void)webViewDidFinishLoad:(UIWeb ...
- :jQuery实例【DEMO】
前言: 今天2月最后一天,写一篇jQuery的几个实例,算是之前前端知识的应用.写完这篇博客会做一个登陆界面+后台管理(i try...) 一.菜单实例 最开始的界面: 点击菜单三后的界面: 二. ...
- 前端跨域实现的几种方式?及使用Nginx反向代理配置。
早期为了防止CSRF(跨域请求伪造)的攻击,浏览器引入了同源策略(SOP)来提高安全性.而所谓"同源策略",即同域名(domain或ip).同端口.同协议的才能互相获取资源,而不能 ...
随机推荐
- js常用JSON数据操作
JSON字符串: var str = '{"name": "jack", "age": 13}'; JSON对象: var obj = { ...
- python函数练习题
- 360浏览器兼容模式下IE内核版本
问题 最近在跟客户演示系统时,自己电脑IE 11下好好的,我们web系统最低支持到IE9.在客户电脑上,IE9浏览器下可以正常浏览,但是360兼容模式下,页面什么也不显示. 通过F12调试工具发现,3 ...
- 从零开始搭建服务器部署web项目
前言 该教程旨在完整描述建站过程,会将博主踩过的坑尽量详细的罗列出来.整个建站流程相对较为庞大,因此做了分解,同时适合大家有针对性的查询感兴趣的部分. 一.如何拥有自己的云服务器. 二.域名的购买与解 ...
- 通过 Sqoop1.4.7 将 Mysql5.7、Hive2.3.4、Hbase1.4.9 之间的数据导入导出
目录 目录 1.什么是 Sqoop? 2.下载应用程序及配置环境变量 2.1.下载 Sqoop 1.4.7 2.2.设置环境变量 2.3.设置安装所需环境 3.安装 Sqoop 1.4.7 3.1.修 ...
- C#的扩展方法(this)
先在StringLibrary类中定义一个静态方法,如下: public static class StringLibrary { //第一个参数指定该方法作用于哪个类型,并且该参数以 this 修饰 ...
- SpringBoot中使用JNnit4(入门篇)
一.添加依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId> ...
- 【题解】P2922 [USACO08DEC]秘密消息Secret Message
\(\text{Tags}\) 字典树,统计 题意: 给出两组\(\text{0/1}\)串\(\text{A,B}\),求解\(\text{A}\)中某串是\(\text{B}\)中某串的前缀,和\ ...
- 【转】不需要 Root,也能用上强大的 Xposed 框架:VirtualXposed
如果你喜欢折腾 Android 设备,那么你应该对 Xposed 的大名有所耳闻. 这个第三方框架,让许多 Android 玩家都爱不释手.通过对系统框架的「偷天换日」,它可以修改系统与应用的各种数据 ...
- Net core 关于缓存的实现
在很多项目中, 需要用到缓存,借鉴网上前辈们的一些经验,自己再进行总结简化了一些, 做出如下的缓存操作,其中包含内存缓存(IMemoryCache) 和 Redis 缓存; 一.前提内容, 导入两个包 ...