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页面显示

1
2
3

注意:如果不是列表,则可以省略循环。

转载地址:https://www.cnblogs.com/codingbaby/p/6497378.html 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Spring框架 — 1
下一篇:使用SSH搭建服务器

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年03月17日 19时49分17秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

java 验证码校验_JavaWeb验证码校验功能代码实例 2019-04-21
java多线程初学者指南_Java多线程初学者指南(4):线程的生命周期 2019-04-21
java进程user是jenkins_java 学习:在java中启动其他应用,由jenkins想到的 2019-04-21
java添加资源文件_如何在eclipse中将资源文件夹添加到我的Java项目中 2019-04-21
java的三种修饰符_3分钟弄明白JAVA三大修饰符 2019-04-21
mysql source skip_redis mysql 中的跳表(skip list) 查找树(btree) 2019-04-21
java正则过滤Linux命令_linux - grep常用正则表达式,过滤文本内容 2019-04-21
java流过程_Java IO流和文件操作实现过程解析 2019-04-21
processing编译java_java – 使用Processing在Android SDK中编译build.... 2019-04-21
java sun.org.mozilla_maven编译找不到符号 sun.org.mozilla.javascript.internal 2019-04-21
php curl 输出到文件,PHP 利用CURL(HTTP)实现服务器上传文件至另一服务器 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