layui表单发送get请求，地址栏不回显入参

最新推荐文章于 2024-05-13 05:43:22 发布

maksim keyboarder

最新推荐文章于 2024-05-13 05:43:22 发布

阅读量1.7k

点赞数 1

文章标签： layui javascript 前端

本文链接：https://blog.csdn.net/dip12315/article/details/126022383

版权

解决办法，将form标签替换为div标签即可。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body>
<div class="layui-container">
    <!--   使用form标签会将参数添加到地址栏   -->
    <!--    <form class="layui-form" action="http://localhost:8088/test1"  method="get">-->
    <div class="layui-form">
    <div class="layui-form-item">
            <label class="layui-form-label">名字</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="uname" id="uname">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">默认参数</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="clearingFlag" value="1">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <!--lay-submit不要漏了-->
                <button class="layui-btn" lay-submit  lay-filter="formDemo">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </div>
    <!--    </form>-->
</div>
<script src="./layui/layui.js"></script>
<script>
    layui.use(['form','jquery','layer'],function () {
        var form = layui.form;
        var $ = layui.jquery;
        var layer = layui.layer;
        form.on('submit(formDemo)', function(data){
            $.get('http://localhost:8088/test1',data.field,function (d) {
                layer.msg("success");
            });
            return false;
        });
    })

</script>
</body>
</html>