modal--7.修改、增加(同步+异步)
来源:互联网 发布:网络连接流程 编辑:程序博客网 时间:2024/05/18 01:29
1 按钮
<button onclick="update(${items.id },'${items.value }')" data-toggle="modal" data-target="#myModal" type="button" class="btn btn-defaultbtn-xs update"> <span class="glyphiconglyphicon-pencil"></span> 编辑</button>
<a href="javascript:void(0)"id="add" class="btnbtn-default" style="float: right;" data-toggle="modal" data-target="#myModal"> <span style="float:right;outline:none;">添加用户要求</span></a></h3>
2 模型框
<!-- 模态框(Modal)--><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content" style="border-radius:0"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">用户要求</h4> </div> <div class="modal-body"> <form id="form1"> <input type="hidden" name="id" id="id"/> <input type="hidden" name="type" id="type" value="4"/> <input type="hidden" name="cnName" id="cnName" value="用户需求"/> <input type="hidden" name="attr" id="attr" value="user_require"/> <div class="input-group"> <span class="input-group-addon">用户要求</span> <textarea cols="50" rows="5" class="form-control" name="value" id="value" placeholder="200字以内" required> </textarea> </div><!-- /input-group --> </form> </div> <div class="modal-footer"> <div id="bu" style="float:right"> <button type="button" class="btnbtn-primary" id="save">提交保存</button> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal --></div>
3 增加
3.1 预加载
//点击添加用户要求$("#add").click(function(){ $("#bu").html('<button type="button" class="btn btn-primary"onclick="save()">提交保存</button>'); $("#id").val(""); $("#value").val("");})
3.2 Js
function save() { var url = "<%=path %>/controller/param/addParam.do"; $.ajax({ type: "POST", dataType: "JSON", url: url, data: $('#form1').serialize(), success: function (data) { swal("保存成功!", "请继续操作!", "success"); window.setTimeout(reload,700); }, error: function(data) { alert("error:"+data.responseText); } });}
3.3 Jscontroller
4 更新
4.1 预加载
function update(id, value) { $("#bu").html('<button type="button" class="btn btn-primary"onclick="queryupdate()">提交更新</button>'); $("#id").val(id); $("#value").val(value);}
4.2 Js
function queryupdate() { var url = "<%=path %>/controller/param/updateParam.do"; $.ajax({ type: "POST", dataType: "JSON", url: url, data: $('#form1').serialize(), success: function (data) { swal("更新成功!", "请继续操作!", "success"); window.setTimeout(reload,700); }, error: function(data) { alert("error:"+data.responseText); } });}
阅读全文
0 0
- modal--7.修改、增加(同步+异步)
- jquery AJAX异步修改为同步
- modal--3.增加(本页面)
- 关于同步和异步调用显示,增加用户体现总结
- 代码修改Webservice的地址,支持同步和异步方式
- 异步 同步
- 同步异步
- 同步异步
- 同步异步
- 同步异步
- 同步异步
- 同步异步
- 同步,异步
- 同步异步
- 同步、异步
- 同步异步
- 同步异步
- 同步异步
- 判断是否为回文
- centos7 mysql数据库安装和配置
- div实现隐藏滚动轴效果
- tensorflow-gpu
- Codeforces Round #439 (Div. 2) A题 he Artful Expedien
- modal--7.修改、增加(同步+异步)
- 计蒜客-求第k小
- JavaEE——XML简介
- 抽象类和接口的区别以及使用场景(记)
- Django model类
- Java Callable Future接口执行机制解密
- HDU-5952 Counting Cliques ,爆搜!
- Adaboost算法
- windows 配置Tomcat8.5多实例,实现开发包文件(Workspace)与源程序分离