Ajax获取数据渲染到页面
<script> $(function () {$.ajax({url:'http://www.hzy.cmdcw.com/index.php/message', type:'post', dataTypt:'json', timeout:'1000', cache:'false', error: erryFunction, success: succFunction })function erryFunction() {alert("请求错误"); }function succFunction(tt) {var jsData = JSON.parse(tt); if (jsData.status == 0){var data = jsData.data; var html = ''; for(var i in data){ // console.log(data[i]); // console.log(data[i].answer_content); // 处理,将数据渲染到页面——————纯JS渲染\JQ\vue html +='<li>' + '<p class="m0">' + 'NO.'+(i+1)+ '</p>' +'提问人:' + data[i].name + ' ' + data[i].ask_time + '<br>'+'内容:' + data[i].ask_content + '</li>'; }var oContent = $('.content'); oContent.html(html); }else {alert('报错'); }}}); </script>
Ajax获取数据渲染到页面相关推荐
- Ajax获取数据渲染到页面的过程
Ajax 分四步骤: 创建一个Ajax对象: 打开一个链接: 监听请求的数据: 发送请求. 直接贴代码啦 <script>$(function () {$.ajax({url:'http: ...
- jQuery中ajax获取数据赋值给页面
//html代码 <a href="javascript:void(0)" class="cityname" id="{$rr[code]}&q ...
- jQuery的ajax获取数据渲染页面
一.ajax的请求方式 post $.ajax({//请求方式type:'POST',//发送请求的地址url:'xxxxxx',//服务器返回的数据类型dataType:'json',//发送到服务 ...
- 【四二学堂】jquery方式ajax获取数据并渲染页面
var newsData = ''; var mydata = {"pageNum":obj.curr,"pageSize":"5"}; / ...
- 通过ajax获取的数据怎怎么在html上,Ajax获取数据然后显示在页面的实现方法
主要功能流程介绍 循环获取列表数据 点击列表数据进入详情页 点击报名参加弹出报名成功提示框 点击提示框中的确定按钮,跳回列表页 代码实现流程和解说 1.访问链接list.PHP时判断是pc端还是客户端 ...
- (vue)在ajax获取数据时使用loading组件不起作用
问题描述: 在用ajax获取数据时 页面没有变化,想用一个loading图标在获取数据时显示,获取完成后隐藏 整个系统用到了vue框架,在执行sure方法时调用ajax函数 sure() {conso ...
- Chart.js使用及ajax获取数据
图表插件Chart.js使用 插件简介 安装 插件简介 chart.js是一个优秀的开源图表处理插件,内置条形,折现,雷达,时间刻度等等图表渲染. 安装 chart.js官网. 我这里使用2019年3 ...
- BOS项目02_02_zTree-通过ajax的获取菜单数据、监听树形菜单的点击事件、读取json文件、Ajax获取数据
系列文章目录 文章目录 系列文章目录 前言 一.发送ajax网络请求获取菜单数据 二.监听树形菜单的点击事件 总结 前言 一.发送ajax网络请求获取菜单数据 我们现在的数是写死的,那么实际项目中我们 ...
- Echarts通过ajax获取数据定时更新轮询的解决方案及问题分析
一.目前网上常用的解决方案 //将ajax封装起来启用一个定时器达到三秒抓一次数据 window.function(){setInterval(ajaxNew(),3000); } 存在的问题是,首次 ...
最新文章
- 一个form表单,多个提交按钮(实现不同功能和地址的提交)
- php 订单过期处理,PHP实现处理过期或者超时订单,并还原库存
- 引:善用backtrace解决大问题
- H.264算法的DSP移植与优化
- 永久免费!原型设计利器摹客RP正式发布
- 小米笔记本电脑键盘卡键维修
- kindeditor使用方法
- SeaweedFS使用小结
- 西门子g120变频器接线图_西门子G120变频器通过IOP-2面板快速启动
- 我的盖洛普“优势识别器”测试证书
- Ray Tracing
- 地域微信平台自媒体,原创视频如何插入腾讯地图
- 神舟电脑文件丢失怎么办?分享文件丢失常见原因和恢复方法
- web端常见导航设计
- java简单记事本代码_简单记事本的java程序代码
- 『每日AI』王劲离职景驰科技丨无人驾驶领域的领跑者还是叛逃者?
- 解决xshell 6 和xftp 6不更新,无法使用问题
- 我原本明天就是我从业5年
- 人生最大的学问是“会问”!
- 商品收藏模块的功能设计实现
热门文章
- 在Android中用纯Java代码布局
- 计算机应用样式指什么,Word 2013中样式的认识与内置样式的使用方法——想象力电脑应用...
- insert picture
- 联想最轻便便携式计算机,超轻薄 超时尚 超便携 联想首款便携本S10详细评测
- xfce Android studio,Ubuntu Studio 20.10放弃Xfce桌面转向更高级的KDE Plasma
- 手绘板的制作——手绘(1)
- pygame飞机大战用精灵组(sprite)的层(layer)编写(二)BOSS登场了
- 浅谈CDMA 1X核心网建设(转)
- unity+vscode 自动补全代码
- 马尔可夫模型与隐马尔可夫模型