JSONP报错

Question

在vue组件中定义了一个方法, 利用jsonp向第三方获取当前时间, 代码如下:

  methods: {
    getDate () {
      var cbScript = document.createElement('script');
      cbScript.innerHTML = 'function dateCb(data){console.log(data)}';
      document.head.appendChild(cbScript);
      var dateScript = document.createElement('script');
      dateScript.src = 'http://www.timeapi.org/h/now?callback=dateCb';
      document.head.appendChild(dateScript);
    }
  }

执行之后控制台报错:

点进去看是这个样的:

好像传回来的数据没有传到callback函数而是被直接解析了?
求解!

Answer 1

callback 的方法需要全局，你局部了吧？

jsonp 的形式不对？没包裹方法名？

Answer 2

看看是不是后端返回的字符串参数没有用引号括住，js解释错误了。 2016-09-20T11:19:01+08:00 这个日期格式加个引号括住"2016-09-20T11:19:01+08:00"