添加html+layui项目

先引用一个js文件

<form class=http://www.mamicode.com/"layui-form" action=http://www.mamicode.com/""> <link href=http://www.mamicode.com/"js/layui/css/layui.css" rel=http://www.mamicode.com/"stylesheet" /> <script src=http://www.mamicode.com/"js/jquery-3.3.1.js"></script> <script src=http://www.mamicode.com/"js/layui/layui.js"></script> <div class=http://www.mamicode.com/"layui-form-item"> <label class=http://www.mamicode.com/"layui-form-label">输入框</label> <div class=http://www.mamicode.com/"layui-input-block"> <input id=http://www.mamicode.com/"Rname" type=http://www.mamicode.com/"text" name=http://www.mamicode.com/"title" required lay-verify=http://www.mamicode.com/"required" placeholder=http://www.mamicode.com/"请输入标题" autocomplete=http://www.mamicode.com/"off" class=http://www.mamicode.com/"layui-input"> </div> </div> <div class=http://www.mamicode.com/"layui-form-item layui-form-text"> <label class=http://www.mamicode.com/"layui-form-label">文本域</label> <div class=http://www.mamicode.com/"layui-input-block"> <textarea id=http://www.mamicode.com/"Reamk" name=http://www.mamicode.com/"desc" placeholder=http://www.mamicode.com/"请输入内容" class=http://www.mamicode.com/"layui-textarea"></textarea> </div> </div> <div class=http://www.mamicode.com/"layui-form-item"> <div class=http://www.mamicode.com/"layui-input-block"> <button class=http://www.mamicode.com/"layui-btn" type=http://www.mamicode.com/"button" lay-filter=http://www.mamicode.com/"formDemo" onclick=http://www.mamicode.com/"fun1()">当即提交</button> <button type=http://www.mamicode.com/"reset" class=http://www.mamicode.com/"layui-btn layui-btn-primary">重置</button> </div> </div> </form> <script> //Demo layui.use(‘form‘, function () { var form =http://www.mamicode.com/ layui.form; //监听提交 form.on(‘submit(formDemo)‘, function (data) { layer.msg(JSON.stringify(data.field)); return false; }); }); function fun1() { $.ajax({ url: ‘https://localhost:44398/api/index/PostAdd‘, type: ‘post‘, data: { NewsName: $("#Rname").val(), Reamk: $("#Reamk").val() }, success: function (d) { if (d > 0) { alert(‘添加告成!‘); location.href = ‘Index.html‘; } } }) } </script>

edit

<form class=http://www.mamicode.com/"layui-form" action=http://www.mamicode.com/""> <link href=http://www.mamicode.com/"js/layui/css/layui.css" rel=http://www.mamicode.com/"stylesheet" /> <script src=http://www.mamicode.com/"js/jquery-3.3.1.js"></script> <script src=http://www.mamicode.com/"js/layui/layui.js"></script> <div class=http://www.mamicode.com/"layui-form-item"> <label class=http://www.mamicode.com/"layui-form-label">输入框</label> <div class=http://www.mamicode.com/"layui-input-block"> <input type=http://www.mamicode.com/"hidden" id=http://www.mamicode.com/"UId" /> <input id=http://www.mamicode.com/"Rname" type=http://www.mamicode.com/"text" name=http://www.mamicode.com/"title" required lay-verify=http://www.mamicode.com/"required" placeholder=http://www.mamicode.com/"请输入标题" autocomplete=http://www.mamicode.com/"off" class=http://www.mamicode.com/"layui-input"> </div> </div> <div class=http://www.mamicode.com/"layui-form-item layui-form-text"> <label class=http://www.mamicode.com/"layui-form-label">文本域</label> <div class=http://www.mamicode.com/"layui-input-block"> <textarea id=http://www.mamicode.com/"Reamk" name=http://www.mamicode.com/"desc" placeholder=http://www.mamicode.com/"请输入内容" class=http://www.mamicode.com/"layui-textarea"></textarea> </div> </div> <div class=http://www.mamicode.com/"layui-form-item"> <div class=http://www.mamicode.com/"layui-input-block"> <button class=http://www.mamicode.com/"layui-btn" type=http://www.mamicode.com/"button" lay-filter=http://www.mamicode.com/"formDemo" onclick=http://www.mamicode.com/"fun1()">当即提交</button> <button type=http://www.mamicode.com/"reset" class=http://www.mamicode.com/"layui-btn layui-btn-primary">重置</button> </div> </div> </form> <script> //Demo layui.use(‘form‘, function () { var form =http://www.mamicode.com/ layui.form; //监听提交 form.on(‘submit(formDemo)‘, function (data) { layer.msg(JSON.stringify(data.field)); return false; }); }); var Id = location.href.split(‘=‘)[1]; Fantian(); function Fantian() { $.ajax({ url: ‘https://localhost:44398/api/index/FindMo/‘ + Id, type: ‘get‘, data: {}, dataType:‘json‘, success: function (d) { $("#UId").val(d.Id); $("#Rname").val(d.NewsName), $("#Reamk").val(d.Reamk) } }) } function fun1() { $.ajax({ url: ‘https://localhost:44398/api/index/UpdateNews‘, type: ‘post‘, data: { Id:$("#UId").val(),NewsName: $("#Rname").val(), Reamk: $("#Reamk").val() }, success: function (d) { if (d > 0) { alert(‘改削告成!‘); location.href = ‘Index.html‘; } } }) } </script>

index