JavaScript - 动态数据
发布日期:2022-03-30 18:18:29
浏览次数:33
分类:博客文章
本文共 1025 字,大约阅读时间需要 3 分钟。
1、使用ajax进行数据的请求
function getData(params){ $.ajax({ type: "POST", //提交方式 data: "{params}", //请求参数 url:, //请求接口 contentType: "application/text;charset=utf-8", async: false, //是否同步 dataType: "json", //数据格式 success: function (data){ //执行成功 var mjson = data; if(mjson.msg=='ok'){ //状态码 showData(mjson); } }, error: function (err) { //执行不成功 alert("网络错误,请重试"+err); } });}
2、请求成功直接调用数据展示的function()
单条数据
function showData(data){ console.log(data) var baseUrl="http://www.xxx.com/data/upload/"; //图片前缀 var dataDom = ''; //数据文档 for (var i = 0; i < data.result.length; i++) { dataDom += ''+data.result[i].id+'' } $("#id").empty(); $("#id").append(dataDom);}
3、假如data.result.length 长度等于3,则在html页面显示
123
注意:如果不是列表,则可以省略循环。
转载地址:https://www.cnblogs.com/codingbaby/p/6497378.html 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年03月17日 19时49分17秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
java 验证码校验_JavaWeb验证码校验功能代码实例
2019-04-21
java多线程初学者指南_Java多线程初学者指南(4):线程的生命周期
2019-04-21
java添加资源文件_如何在eclipse中将资源文件夹添加到我的Java项目中
2019-04-21
java的三种修饰符_3分钟弄明白JAVA三大修饰符
2019-04-21
java正则过滤Linux命令_linux - grep常用正则表达式,过滤文本内容
2019-04-21
java流过程_Java IO流和文件操作实现过程解析
2019-04-21
PHP字符串运算结果,PHP运算符(二)"字符串运算符"实例详解
2019-04-21
PHP实现 bcrypt,如何使php中的bcrypt和Java中的jbcrypt兼容
2019-04-21
php8安全,PHP八大安全函数解析
2019-04-21
php基础语法了解和熟悉的表现,PHP第二课 了解PHP的基本语法以及目录结构
2019-04-21
matlab中lag函数用法,MATLAB movavg函数用法
2019-04-21
matlab变形监测,基于matlab的变形监测数据处理与分析_毕业设计论文
2019-04-21
opencv matlab编程,在Matlab中调用OpenCV函数 | 学步园
2019-04-21
c语言文件wt,c语言,wt和rt中的t是什么意思
2019-04-21
c语言运行几进制,【C语言】求已知等式在几进制条件下成立
2019-04-21