Ajax获取json数据，添加在页面上，点击弹出模态框

大名张无忌

于 2020-04-19 21:07:18 发布

阅读量619

点赞数

分类专栏： Ajax 文章标签： js ajax bootstrap json

本文链接：https://blog.csdn.net/qq_40029828/article/details/105622181

版权

php等后台文件应由后端人员写完并提供接口文档，前端负责调用渲染即可（这里我自己造一下~）

index文档

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jqueryMin.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<style>
.col-md-4{
   
    margin: 20px;
    width: 300px;
    height: 300px;
  border: 1px solid skyblue;
    border-radius: 10px;
}
.col-md-4 img{
   
    margin: 15px;
    width: 250px;
    height: 180px;
}
    .form-group{
   
        width: 500px;
    }
</style>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-4">
            <img src="https://images4.c-ctrip.com/target/310v170000012btjp8587.png" alt="">
            <p>10829</p>
        </div>
    </div>
 <!--   &lt;!&ndash; Button trigger modal &ndash;&gt;
    <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
        Launch demo modal
    </button>-->

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>产品名称</h4>
                    <p class="modal-title" id="myModalLabel">Modal title</p>
                    <img src

最低0.47元/天解锁文章

大名张无忌

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax获取json数据，添加在页面上，点击弹出模态框

php等后台文件应由后端人员写完并提供接口文档，前端负责调用渲染即可（这里我自己造一下~）index文档<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title> <link rel...
复制链接

扫一扫

专栏目录