悬赏园豆:20

[已解决问题]

解决于 2016-11-21 15:11

//这是html结构<div class="box" id="box">

<p>选择项目:</p>

<ul class="list-group">

<li class="input-group" v-for="todo in todos">

<span class="input-group-addon">

<input type="checkbox"></span>

<input type="text" class="form-control" v-bind:value="todo.value">

</li>

</ul>

</div>

//这是vue的初始化 new Vue({

el:

'#box',

data:

function(){return {

todos: []

}

},

created:

function(){var _self = this;

$.ajax({

method:

'post',

url:

'db_connect/db.php',

success:

function(items){

_self.todos

= items;

},

async:

true

});

}

})

//这是php从服务器获取传回数据过程,蓝色部分是对数据进行json数据的处理<?phpheader("content-type:text/html;charset:utf-8");require 'profile.inc.php';require 'db.class.php';//获取资源句柄

$_db = db::get_db();

$_sql = "SELECT value FROM vue_test";

//获取结果集

$_result = $_db->query($_sql);

$json = '';

while (!!$row = mysqli_fetch_array($_result, MYSQL_ASSOC)) {

$json .= json_encode($row).',';//将数组和对象,转换为json格式

}

echo '['.substr($json, 0 , strlen($json) - 1).']';

//print_r($_result->fetch_row());

//清理关闭

db::close_db($_result,$_db);

//print(is_object($_result));

?>

下图是我打印出来的数据,

这是我希望达到的结果,这是用静态数据显示出来的,但我想通过后台来传递数据,像上面的代码那样。我在vue的控制台工具那里看到取到的数据是这样的:现在不知是数据类型的原因,还是其他的原因,请教这方面知道的大神?????????????????

chendechang

|

初学一级

|

园豆:142

提问于:2016-11-21 14:55

显示帮助

使用"Ctrl+Enter"可进行快捷提交,评论支持部分 Markdown 语法:[link](http://example.com) _italic_ **bold** `code`。

vue 获取php后台数据,vue.js框架,php做后台语言,ajax获取数据不鞥正常渲染相关推荐

  1. 数据可视化js框架 d3.js入门

    数据可视化js框架 d3.js入门 [一] 选择元素绑定数据 1.下载.引入d3.js 2.d3.select():选择所有指定元素的第一个 3.d3.selectAll() :选择指定元素的全部 e ...

  2. ajax 微信code获取_获取链接的参数,判断是否是微信打开,ajax获取数据

    //获取链接参数 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "= ...

  3. ajax数据交互代码,Django中使用jquery的ajax进行数据交互的实例代码

    jquery框架中提供了$.ajax.$.get.$.post方法,用于进行异步交互,由于Django中默认使用CSRF约束,推荐使用$.get 示例:实现省市区的选择 最终实现效果如图: 将jque ...

  4. jsp java 后台_[Java教程]用JSP做后台管理系统

    [Java教程]用JSP做后台管理系统 0 2015-10-13 23:00:25 突然很开心,紧张了好几天的项目终于不那么赶了. 我是一个比别人慢半拍的人,所以一定要比别人多付出一点努力. 今天在进 ...

  5. c语言在一组数据中找最大值最小值,用c语言输入一组数据,输出最大最小值,求c语言程序讲解: 输入一组数据,求最大值,最小值,和,平均...

    问题标题 用c语言输入一组数据,输出最大最小值,求c语言程序讲解: 输入一组数据,求最大值,最小值,和,平均 2019-7-3来自ip:18.156.193.207的网友咨询 浏览量:318 手机版 ...

  6. [JavaScript 随笔] 一个 JS 框架需要做什么

    学习再多,也是杯水车薪. 为什么这么说?不知道各位有没有发现,虽然前端发展快,但一些有名的框架至少会火热很长时间,比如 Backbone.React.Ember .如果有心要学,肯定有足够的时间把它学 ...

  7. 两年数据对比柱形图_季度数据同期对比,这样做柱状图才好看,数据趋势、差异一目了然...

    2019年即将结束,各公司部门也开始进行年度数据回顾.比如2018和2019年各季度同期数据对比.一般情况下,做两组数据对比,许多同学都是用普通的柱形图来表示.用各季度作为横坐标,然后同期对比的季度进 ...

  8. PHP语言 -- Ajax 查询数据

    <body><select id="sel"></select><div><br/> <input type=&q ...

  9. ajax浏览器操作发生异常,解决IE浏览器缓存导致AJAX请求数据异常

    IE10浏览器会把AJAX请求的数据都缓存下来,然后每次想去刷新数据时发现数据都是一样的,于是导致数据显示异常. 解决方法: 在页面 标签里,加上以下声明: 保存后,刷新页面,重新访问即可. 说明:最 ...

  10. highcharts ajax 数据格式,Highcharts ajax获取json对象动态生成报表生成 .

    最近做个项目,项目经理想做一个统计报表,在网上查看些资料就选用Highchars 这里和大家分享下使用心得. 重点说明此代码是针对一个报表显示多个项对比显示. 直接贴代码:web端 $(documen ...

最新文章

  1. 三星超过台积电 成为全球市值最高半导体公司
  2. php连接postgresql
  3. c语言字母输出什么意思,C语言中字符的输入输出以及计算字符个数的方法详解...
  4. 使用 GraalVM 将基本的 Java 项目打包成 EXE
  5. 使用Java 8进行分组,转换和归约
  6. MUI 上滑加载(没有更多数据)页面回弹 - 效果
  7. Python元组的操作
  8. android signal 处理总结
  9. netty5、3 和socket
  10. 新一代RPC框架-GRPC
  11. 6月8日 Python处理PDF和Word文档常用的方法
  12. Something about mvss
  13. 谨以此送给所有单身的MM
  14. 哪里有全面的几何画板课件制作教程
  15. 群体智能优化算法之总结
  16. JavaScript实现12进制的时钟特效
  17. 实用:python字符编码之间的转化(来猜猜博主的真实姓名)
  18. 初识instantRun
  19. python聊天机器人_用 Python 实现聊天机器人
  20. pandas统计表格中politics列字符个数

热门文章

  1. zemax场曲畸变图_Zemax和光学的一些整理
  2. Excel 技巧百例:字符串截取函数的经典组合示例
  3. 树莓派GPIO入门(三) :多种模式的LED控制器
  4. 【DEVOPS】传统业务软件企业之痛
  5. 使用Keras和迁移学习从人脸图像中预测体重指数BMI
  6. xp能ping通kali,而kali却ping不了winxp的解决方案
  7. qiuzitao机器学习(六):信用卡欺诈检测项目
  8. 个人收集的网站,可以参考(程序员可收藏)
  9. 服务器光信号闪红灯是什么意思,wifi光信号闪红灯什么意思
  10. IDEA debug模式 Method breakpoints may dramatically slow down debugging 提示解决办法