vue+php接口
php:<?php
header('Access-Control-Allow-Origin:*');
$date = $_POST['data'];
$cars=array("Volvo","BMW","SAAB");
$data = array(
'tid' => 100,
'name' => $date,
'site' => 'www.huangyibiao.com',
'post' =>$cars,
);
$response = array(
'code'=> 200,
'message' => 'success for request',
'data'=> $data,
);
echo json_encode($response);
?>
vue:
<div>
{{title}}
<li v-for="li in> </div>
<script src="js/vue.min.js"></script>
<script src="js/vue-resource.min.js"></script>
<script>
var app=new Vue({
el:"#main",
data:{
title:"123456",
aa:"666"
},
mounted:function(){
this.click();
},
methods:{
click:function(){
Vue.http.options.emulateJSON = true;
this.$http.post('http://localhost/php01/index.php',{'data':2}).then(function(response){
this.title=response.body.data.post
}, function(response){
console.log("222");
});
}
}
})
</script>
页:
[1]