网站建设资讯

NEWS

网站建设资讯

vue.js过滤器+ajax实现事件监听及后台php数据交互实例

本文实例讲述了vue.js过滤器+ajax实现事件监听及后台php数据交互。分享给大家供大家参考,具体如下:

站在用户的角度思考问题,与客户深入沟通,找到商河网站设计与商河网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:做网站、成都网站设计、企业官网、英文网站、手机端网站、网站推广、空间域名、雅安服务器托管、企业邮箱。业务覆盖商河地区。

在vue.js开发时,数据可以使用jquery和vue-resource来获取数据。在获取数据时,一定需要给一个数据初始值。

index.html:




 
 
 vuejs 过滤器、ajax数据、嵌套循环、if判断、事件监听
 
 


 
id 姓名 手机号 城市 性别 通过审核 我的学生 操作
{{item.id}} {{item.name}} {{item.tel}} {{item.sex | sexFormat}} {{item.province}}_{{item.city}} {{stu.name}},

json.php:

<?php
header("Content-type:text/html;charset=utf-8");
for($i=1;$i<6;$i++){
 $data[]=array(
  'id'=>$i,
  'name'=>'test'.$i,
  'tel'=>'1368585789'.$i,
  'status'=>1,
  'province'=>'上海市',
  'city'=>'上海市',
  'sex'=>1,
  'stu'=>array(array('id'=>$i,'name'=>'stu'.$i,'tel'=>'1568585789')),
 );
}
echo json_encode($data);exit;

运行结果:

vue.js过滤器+ajax实现事件监听及后台php数据交互实例

希望本文所述对大家vue.js程序设计有所帮助。


分享标题:vue.js过滤器+ajax实现事件监听及后台php数据交互实例
网页URL:http://njwzjz.com/article/igdeds.html