新手村常驻居民 2021-08-25 10:00 采纳率: 16.2%
浏览 128
已结题

通过查询,让查询的结果显示到同一个页面,不刷新

controller层 通过接口查询查询到的数据 id,name,两条数据,

img

img

前端, 我如何修改前端,才能吧获取到数据展现出来


<body>
<form action="" method="post" id="bgcha">
    查询<input type="text" name="zdid" style="width: 200px; height: 25px;margin-left: 20px" id="zdid">
    <button type="submit" class="layui-btn layui-btn-warm layui-btn-radius" onclick="cha()">
        <p style="margin-top: -3px;color: black;font-weight: bold">查询</p></button>
    查询结果显示<input type="text"  style="width: 200px; height: 25px;margin-left: 20px">
    查询name显示<input type="text"  style="width: 200px; height: 25px;margin-left: 20px">
</form>
</body>
<script src="../jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script>
    function cha() {
        $.ajax({
            type:'post',
            url:'/zd/cha',
            data:$('#bgcha').serialize(),
            success:function (data) {
                    alert("123");
            }
        })
    }
</script>
  • 写回答

2条回答 默认 最新

  • 曦陽惜夏 2021-08-25 10:06
    关注

    你把数据绑定到model中了返回的是个页面地址,加上这个注解@ResponseBody 是返回JSON数据,可是你反返回的是个页面地址吧,这个应该返回zongduan这个数据,这样是json 数据,在ajax中的success:function (data) 中的data就是你返回的数据,使用$(".class").value 更新下页面中的显示就行了,这样才能不刷新显示
    有帮助,望采纳

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 8月25日
  • 已采纳回答 8月25日
  • 创建了问题 8月25日

悬赏问题

  • ¥30 Matlab打开默认名称带有/的光谱数据
  • ¥50 easyExcel模板 动态单元格合并列
  • ¥15 res.rows如何取值使用
  • ¥15 在odoo17开发环境中,怎么实现库存管理系统,或独立模块设计与AGV小车对接?开发方面应如何设计和开发?请详细解释MES或WMS在与AGV小车对接时需完成的设计和开发
  • ¥15 CSP算法实现EEG特征提取,哪一步错了?
  • ¥15 游戏盾如何溯源服务器真实ip?需要30个字。后面的字是凑数的
  • ¥15 vue3前端取消收藏的不会引用collectId
  • ¥15 delphi7 HMAC_SHA256方式加密
  • ¥15 关于#qt#的问题:我想实现qcustomplot完成坐标轴
  • ¥15 下列c语言代码为何输出了多余的空格