json数据传到前台并解析展示成列表

最新推荐文章于 2024-06-21 09:33:25 发布

LanBuff

最新推荐文章于 2024-06-21 09:33:25 发布

阅读量1w

点赞数 1

分类专栏： IT Java

本文链接：https://blog.csdn.net/LanBuff/article/details/53173611

版权

该项目需要异步获取JSON数据并在表格中显示。通过Ajax实现从后台获取数据，并解析JSON，动态插入到HTML表格中，以满足动态更新页面的需求。

摘要由CSDN通过智能技术生成

因为某些原因，项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面，网上找了半天都没有看到现成的，决定自己写个例子

1、HTML页面

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>文件柜取件列表</title>
    <script type="text/javascript" src="/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="/js/ai/ai-lib.js"></script>
    
</head>

<body>
<div class="main pusher">
    <form class="form_style">
        <div class="fields">
            <div class="div_1">
                <label for="lbl">取件标题</label>
                <input name="FileTitle" type="text" id="FileTitle">