谈谈Java脚本语言自定义回调函数

废话不多说了，直接给大家贴代码了。

背景分析

首先看一段射流研究…的代码，主要实现添加的时候首先通过异步请求判断是否存在，如果不存在的话，在进行添加操作：

函数add(url，数据){ var isExited=isExited(数据)；if(！isExited){ addRequest(url，数据);}}当我添加一个数据的时候，我首先通过判断是否在数据库中存在（当然，如果前后台彻底分离的话，不应该前端进行业务逻辑的判断，前端只应该，用来展示数据),首先，isExited()的请求是创建交互式、快速动态网页应用的网页开发技术请求实现，这个是异步的，很显然，界面很有可能在没有返回结果的时候，就执行下边的函数（通常情况下是的),就使得我退出了的值是未定义，这显然不是想要的，如果要实现类似的功能可以使用用回调函数实现，下边介绍一个案例。

过程如下

前台jsp界面如下：

% @ page语言=' Java ' ContentType=' text/html；charset=UTF-8”页面编码=“UTF-8”% @ taglib前缀=' c ' uri=' http://Java。星期日com/JSP/JSTL/core ' % head meta charset=' utf-8 ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge ' meta name=' viewport ' content=' width=device-width，initial-scale=1' titleJS回调函数案例/title！-Bootstrap-link href=' c : URL值='/lib/Bootstrap/CSS/Bootstrap。量滴CSS '/' rel='样式表'脚本类型='text/javascript' /** *删除的请求*/函数供应商删除(元素){ var id=element。父节点。父节点。单元格[0].innerhtml modaldeleterequest($ { page context。请求。上下文路径}/OMS/供应商/删除/'，id)；}/脚本/床头！-顶部导航-div class='导航条导航条-反向导航条-固定-顶部'角色=' navigation ' id=' menu-nav '/div div class=' container partner-table-container text font ' table class=' table-striped detailTableSet ' captionh2JS回调函数案例/H2/字幕br tr class=' table-hover form-horvate ' TD class=' info ' 123/TD TD TD TD class=' info ' 123/TD TD TD TD class=' info ' 123/TD TD TD TD TD class=' info ' 123/TD/tr TD TD TD TD 123/TD TD TD TD 123/TD TD TD TD 123/TD TD TD TD TD a onclick=' supplier EUP date(this)'修改/a a onclick='供应商删除(此)'删除/a /td /tr /table/div！ -显示成功失败的模式-% @包含文件='/模式-自定义。JSP“% script src=”http : c : URL值='/lib/jquery-1。8 .3 .量滴js '/'脚本脚本src=' http : c : URL值='/lib/bootstrap/js/bootstrap。量滴js '/'脚本脚本类型=' text/JavaScript ' src=' http : c 3360 URL值='/js主要的射流研究…代码如下：

脚本类型='text/javascript' /** *删除的请求*/函数供应商删除(元素){ var id=element。父节点。父节点。单元格[0].innerhtml modaldeleterequest($ { page context。请求。上下文路径}/OMS/供应商/删除/'，id)；}/脚本这里就是当点击按钮的时候进行删除，但是我想弹出一个确认删除对话框，如果弹出之后选择的是确认之后，才调用具体的删除方法，还有这里边引用了一个情态的框（自举框架),主要是用于展示弹出框信息，代码如下：

“% @”页面语言=“Java”页面编码=“UTF-8”% @ taglib前缀=' c ' uri=' http://Java。星期日com/JSP/JSTL/core“%！-模态框(Modal)-div class=' Modal fade ' id=' Modal-result ' tabindex='-1 '角色=' dialog ' aria-labelledby=' MyModallabel ' aria-hidden=' true ' div class=' Modal-dialog ' div class=' Modal-content ' div class=' Modal-header '按钮类型=' button ' class=' close ' data-misse=' Modal ' aria-hidden=' true '/button H4类=' Modal-title ' id=' myModalLabel '信息/H4/分区div class=' modal-body ' id=' modal-add-result-text '/div class=' modal-footer ' button type=' button ' class=' BTN BTN-default ' data-misse=' modal '关闭/button /div /div！ - /.模态-内容- /div！- /.模态/div下边是今天的主角：

/** * 删除请求的操作* @param url删除请求的url * @param id删除的id */function modalDeleteRequest(URL，id){ confirmindselete(URL，id，delete request)；}/** * 在删除警告框确认之后调用的回调函数* @ param URL * @ param id */函数deleteRequest(url，id) { $ .获取(url id，函数（结果){ $('#modal-add-result-text ').文本(结果。味精)；$('#modal-result ').情态(“显示”)；}，' JSON ')；}/** * 弹出对话框确认是否删除* @param url删除请求的url * @param id删除请求的id * @param回调回调函数，在最后的时候需要进行回调的函数*/function confirmindelete(URL，id，回调){ var confirmindeletedialog=$(' div class=' modal fade ' div class=' modal-dialog ' ' ' div class=' modal-content ' div class=' modal-header ' button type=' button ' class=' close ' ' ' data-dispose=' modal ' aria-hidden=' true '/button ' ' H4类=' modal-title '确认删除/H4/div class='模式-正文' ' ' div class='警报-警告'确认要删除吗？删除之后无法恢复哦！/div/div class=' modal-footer ' ' '按钮类型=' button ' class=' BTN BTN-默认'数据-dispose=' modal '取消/button ' ' button type=' button ' class=' BTNBTN-成功' id=' deleteOK '删除/button/div/div ' '/div/div’)；确认删除对话框。模态({键盘：错误}).在({ '隐藏。bs。modal ' : function(){ $(this)).移除();} });var删除确认=确认删除对话框。查找(' # deleteOK ')；deleteConfirm.on('click ')，function(){ confirm deletedialog。情态(' hide ')；//隐藏对话框/需要回调的函数回调(deleteRequest(url，id))；});}

上边由于代码比较多，下边看一个简单的框架：

/** * 回调函数测试方法* * @param回调*回调的方法*/函数testCallback(回调){ alert('进来!');回调();}/** * 被回调的函数*/函数a(){ alert(' a ')；}/** * 开始测试方法*/function start(){ TestCallback(a)；}以上内容是小编通过代码分析给大家介绍的射流研究…回调函数，希望大家喜欢。