vue jsonp PHP

最新推荐文章于 2021-03-20 09:29:30 发布

zhangleia

最新推荐文章于 2021-03-20 09:29:30 发布

阅读量117

点赞数

CC 4.0 BY-SA版权

分类专栏： php tp5 Vue

本文链接：https://blog.csdn.net/zhangleia/article/details/102830184

php 同时被 3 个专栏收录

8 篇文章

订阅专栏

Vue

7 篇文章

订阅专栏

tp5

5 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>vue-Ajax请求</title>
	<script type="text/javascript" src="../lib/vue.js"></script>
	<script type="text/javascript" src='../lib/vue-resource.js'></script>
</head>
<body>
	<div id="app">
		<p><input type="button" value="jsonp跨域请求" @click="getInfo"></p>
	</div>
</body>
<script type="text/javascript">
	var vm = new Vue({
		el:'#app',
		data:{
			msg:'hello world'
		},
		methods:{
			getInfo(){
				this.$http.jsonp('http://api.vue-tp5.com/v1/index/index').then(function(result){
					console.log(result)
				}).catch(function(error){
					console.log(error);
				});
			}
		}
	});
</script>
</html>

PHP代码

    public function index()
    {
        
        $jsonp = $_GET['callback'];//get接收jsonp自动生成的函数名
 
        echo $jsonp.'('.json_encode(['status' => 1, 'msg' => '这是v1版本的api默认控制器']).')';exit;
    }