jsonp 2018-06-06 09:00:43

相对于ajax,jsonp操作上,也没什么难度,但如果自己写测试数据的话,就需要增加一些操作,本文以PHP为例 首先是jsonp的使用

下载

npm instal vue-jsonp -D

使用

import VueJsonp from 'vue-jsonp'
import Vue from 'vue'
Vue.use(VueJsonp)
 methods: {
    getJsonp (json) {
      this.$jsonp(json.url, json.str).then(res => {
        json.success(res)
      })
    }
}
mounted () {
    let _this = this
    this.getJsonp({
      'url': 'http://127.0.0.3/bookshelf/index.php',
      'success': function (res) {
        console.log(res)
      }
    })
  }

如果用PHP写测试数据,就需要读取并返回一个callback,直接贴代码

$callback = $_GET['callback']; 
$arr = [
  "code"=>200,
  "data"=>[
    'id'=>[1,2,3]
  ],
  "msg"=>"成功"
];
exit($callback."(".json_encode($arr).")");
  1. Laravel5.7
  2. 微信相关
  3. Mysql
  4. 前端开发
  5. 随记
  6. 写作素材
  7. 开发工具
  8. 互联网