谈谈JavaScript自定义回调函数_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:44:32

谈谈JavaScript自定义回调函数_javascript技巧

谈谈JavaScript自定义回调函数_javascript技巧:废话不多说了，直接给大家贴代码了。背景分析首先看一段js的代码，主要实现添加的时候首先通过异步请求判断是否存在，如果不存在的话，在进行添加操作： function add(url,data) { var isExited = isExited(data); if(!isExited

推荐度：

点击下载本文 文档为doc格式

导读谈谈JavaScript自定义回调函数_javascript技巧:废话不多说了，直接给大家贴代码了。背景分析首先看一段js的代码，主要实现添加的时候首先通过异步请求判断是否存在，如果不存在的话，在进行添加操作： function add(url,data) { var isExited = isExited(data); if(!isExited

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

背景分析

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

当我添加一个数据的时候，我首先通过判断是否在数据库中存在（当然，如果前后台彻底分离的话，不应该前端进行业务逻辑的判断，前端只应该，用来展示数据），首先，isExited（）的请求是ajax请求实现，这个是异步的，很显然，界面很有可能在没有返回结果的时候，就执行下边的函数（通常情况下是的），就使得isExited的值是undefined，这显然不是想要的，如果要实现类似的功能可以使用用回调函数实现，下边介绍一个案例。

过程如下

前台jsp界面如下：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

 
 
 
 JS回调函数案例
 
 " rel="stylesheet">

 

 /**
 * 删除的请求
 */
 function supplierDelete(element) {
 var id = element.parentNode.parentNode.cells[0].innerHTML;
 modalDeleteRequest('${pageContext.request.contextPath}/oms/supplier/remove/', id);
 }
 








 

 JS回调函数案例
 
 
 123
 123
 123
 123
 123
 
 
 123
 123
 123
 123
 123
 
 修改 
 删除
 
 
 



<%@include file="/modal-custom.jsp" %>

">
">