vue 获取php后台数据,vue.js框架,php做后台语言,ajax获取数据不鞥正常渲染
悬赏园豆: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获取数据不鞥正常渲染相关推荐
- 数据可视化js框架 d3.js入门
数据可视化js框架 d3.js入门 [一] 选择元素绑定数据 1.下载.引入d3.js 2.d3.select():选择所有指定元素的第一个 3.d3.selectAll() :选择指定元素的全部 e ...
- ajax 微信code获取_获取链接的参数,判断是否是微信打开,ajax获取数据
//获取链接参数 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "= ...
- ajax数据交互代码,Django中使用jquery的ajax进行数据交互的实例代码
jquery框架中提供了$.ajax.$.get.$.post方法,用于进行异步交互,由于Django中默认使用CSRF约束,推荐使用$.get 示例:实现省市区的选择 最终实现效果如图: 将jque ...
- jsp java 后台_[Java教程]用JSP做后台管理系统
[Java教程]用JSP做后台管理系统 0 2015-10-13 23:00:25 突然很开心,紧张了好几天的项目终于不那么赶了. 我是一个比别人慢半拍的人,所以一定要比别人多付出一点努力. 今天在进 ...
- c语言在一组数据中找最大值最小值,用c语言输入一组数据,输出最大最小值,求c语言程序讲解: 输入一组数据,求最大值,最小值,和,平均...
问题标题 用c语言输入一组数据,输出最大最小值,求c语言程序讲解: 输入一组数据,求最大值,最小值,和,平均 2019-7-3来自ip:18.156.193.207的网友咨询 浏览量:318 手机版 ...
- [JavaScript 随笔] 一个 JS 框架需要做什么
学习再多,也是杯水车薪. 为什么这么说?不知道各位有没有发现,虽然前端发展快,但一些有名的框架至少会火热很长时间,比如 Backbone.React.Ember .如果有心要学,肯定有足够的时间把它学 ...
- 两年数据对比柱形图_季度数据同期对比,这样做柱状图才好看,数据趋势、差异一目了然...
2019年即将结束,各公司部门也开始进行年度数据回顾.比如2018和2019年各季度同期数据对比.一般情况下,做两组数据对比,许多同学都是用普通的柱形图来表示.用各季度作为横坐标,然后同期对比的季度进 ...
- PHP语言 -- Ajax 查询数据
<body><select id="sel"></select><div><br/> <input type=&q ...
- ajax浏览器操作发生异常,解决IE浏览器缓存导致AJAX请求数据异常
IE10浏览器会把AJAX请求的数据都缓存下来,然后每次想去刷新数据时发现数据都是一样的,于是导致数据显示异常. 解决方法: 在页面 标签里,加上以下声明: 保存后,刷新页面,重新访问即可. 说明:最 ...
- highcharts ajax 数据格式,Highcharts ajax获取json对象动态生成报表生成 .
最近做个项目,项目经理想做一个统计报表,在网上查看些资料就选用Highchars 这里和大家分享下使用心得. 重点说明此代码是针对一个报表显示多个项对比显示. 直接贴代码:web端 $(documen ...
最新文章
- 三星超过台积电 成为全球市值最高半导体公司
- php连接postgresql
- c语言字母输出什么意思,C语言中字符的输入输出以及计算字符个数的方法详解...
- 使用 GraalVM 将基本的 Java 项目打包成 EXE
- 使用Java 8进行分组,转换和归约
- MUI 上滑加载(没有更多数据)页面回弹 - 效果
- Python元组的操作
- android signal 处理总结
- netty5、3 和socket
- 新一代RPC框架-GRPC
- 6月8日 Python处理PDF和Word文档常用的方法
- Something about mvss
- 谨以此送给所有单身的MM
- 哪里有全面的几何画板课件制作教程
- 群体智能优化算法之总结
- JavaScript实现12进制的时钟特效
- 实用:python字符编码之间的转化(来猜猜博主的真实姓名)
- 初识instantRun
- python聊天机器人_用 Python 实现聊天机器人
- pandas统计表格中politics列字符个数
热门文章
- zemax场曲畸变图_Zemax和光学的一些整理
- Excel 技巧百例:字符串截取函数的经典组合示例
- 树莓派GPIO入门(三) :多种模式的LED控制器
- 【DEVOPS】传统业务软件企业之痛
- 使用Keras和迁移学习从人脸图像中预测体重指数BMI
- xp能ping通kali,而kali却ping不了winxp的解决方案
- qiuzitao机器学习(六):信用卡欺诈检测项目
- 个人收集的网站,可以参考(程序员可收藏)
- 服务器光信号闪红灯是什么意思,wifi光信号闪红灯什么意思
- IDEA debug模式 Method breakpoints may dramatically slow down debugging 提示解决办法