bootstrap模态框动态赋值， ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框（JS）…

全栈程序员-站长 • 2021年11月8日下午9:00 • 未分类 • 阅读 43

bootstrap模态框动态赋值， ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框（JS）…

/查询单个
function query(id) {
    $.ajax({
        url : "/small/productServlet",
        async : true,
        type : "POST",
        data : {
            "type" : "query",
            "id" : id
        },
        // 成功后开启模态框
        success : showQuery,
        error : function() {
            alert("请求失败");
        },
        dataType : "json"
    });
}

// 查询成功后向模态框插入数据并开启模态框。data是返回的JSON对象
function showQuery(data) {
    $("#name1").val(data.name);
    $("#xinghao1").val(data.xinghao);
    $("#address1").val(data.address);
    $("#department1").val(data.department);
    $("#unit1").val(data.unit);
    $("#number1").val(data.number);
    $("#price1").val(data.price);
    $("#totalprice1").val(data.totalprice);
    $("#come1").val(data.come);
    $("#buytime1").val(data.buytime);
    $("#useperson1").val(data.useperson);
    $("#handleperson1").val(data.handleperson);
    $("#admini1").val(data.admini);
    // 显示模态框
    $('#queryInfo').modal('show');
}

　　

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/112382.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

poj3468 A Simple Problem with Integers(线段树模板功能：区间增减，区间求和)[通俗易懂]

poj3468 A Simple Problem with Integers(线段树模板功能：区间增减，区间求和)

全栈程序员-站长
2022年1月22日
43
idea

web激活码【中文破解版】[通俗易懂]

(web激活码)2021最新分享一个能用的的激活码出来，希望能帮到需要激活的朋友。目前这个是能用的，但是用的人多了之后也会失效，会不定时更新的，大家持续关注此网站~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码，破解教程可免费永久激活，亲测有效，上面是详细链接哦~DB…

全栈程序员-站长
2022年3月26日
45
vscode自动错误提示_vscode和vs哪个好用

vscode自动错误提示_vscode和vs哪个好用VScode环境配置

全栈程序员-站长
2025年11月26日
30
炫酷的数据可视化_人力资源看板数据可视化

炫酷的数据可视化_人力资源看板数据可视化12个超炫数据可视化工具今天我们带来一篇来自Adobe工程师RohitBoggarapu的文章。他在文章中介绍了一些适合网页开发者的数据可视化和绘图工具，让你不必再花大力气与枯燥的数据抗争。部分工具不要求写代码也可以使用！我们诠释数据的方式和数据本身之间存在着巨大的鸿沟。尤其是当我们唯一的选择是盯着表格中一列列不知所云的数字时。这可能是最无聊的一种格式了。没有哪个网页开发者会喜欢电子…

全栈程序员-站长
2022年9月1日
3
2020爱分析·智能通讯云厂商全景报告[通俗易懂]

2020爱分析·智能通讯云厂商全景报告[通俗易懂]报告摘要企业面临业务增长的压力，通讯能力建设成为对内提升运营效率，对外提升产品竞争力和客户体验的重要手段，通讯云的场景应用正在加速渗透。基于对国内各行业甲方企业的调研，爱分析认为智能通讯云应用呈现以下趋势：•在提高内部运营效率方面，企业需要通过强化统一通讯能力，及提高办公智能化的方式实现；•对于企业的客服部门或呼叫中心而言，跑马圈地的时代已经过去，随着企业营销与服务渠道多元化，重心在促进营销转化与提升客户体验；•针对各行业的不同业务场景，通讯能力不仅是音视频交互工具的基础，还需..

全栈程序员-站长
2022年5月18日
48
表格图片加载不出来,破图,加载失败怎么办_ie网页表格显示不出来

表格图片加载不出来,破图,加载失败怎么办_ie网页表格显示不出来表格图片加载不出来，破图，加载失败el-upload组件将图片上传至服务器<templateslot-scope=”scope”slot=”wjmcForm”><el-upload:headers=”headers”:show-file-list=”false”…

全栈程序员-站长
2025年8月6日
3

发表回复

关注全栈程序员社区公众号