javascript 按钮的前后置逻辑设计求解

flashrhx2010 flashrhx2010 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
我有一个按钮
<button id="but">执行程序</button>


它在HTML加载完后可能会被加入Click等事件。

$("#but").click(function () {
$.ajax({url:"cba.php", function () {
//next();
}});
});


事件中会有同步代码也有可能有异步代码,如 $.ajax(); 。

我现在要实现按钮的前置逻辑和后置逻辑。 我用编号来代替要执行的代码, 如
<button id="but" afterAction="002" beforeAction="001">执行程序</button>


然后我有一个配置表来定义编号执行的function
[
{"Number":"001", "Code": "function () { $.get("abc.php", function (data) { if (data=='ok') { //next(); } else alert('不能执行'); }); }"},
{"Number":"002", "Code": "function () { location.href='ok.html'}"}
]


最后我想实现的效果是:
执行001代码, 代码是一个异步处理,如果成功,在next() 这里继续执行该按钮的 Click事件,Click执行完后,又再Click代码的next位置执行 002编号的代码。

大致就这个意思。 因为javascript 很多都是异步回调操作, 想做这么一个流程小弟有点没有想法。请大师指点,或者是否有其他更好的类似执行过程。
...全文

相关推荐

将按钮置灰

将按钮置灰

yongyuande2008

掌握JavaScript实现网页交互:点击按钮自动倒计时功能

本文还有配套的精品资源,点击获取 简介:在网页开发中,JavaScript经常用于实现如自动倒计时等交互效果,确保用户完成特定操作。本文通过两个示例深入探讨了点击按钮后的自动倒计时功能实现,包括阅读条款后激活按钮和短信验证码发送倒计时。涉及的核心技术包括事件监听、计时器、异步请求等,强调了用户体验优化和错误处理的重要性。 1. JavaScript交互效果实现 ...

Ga Ou

uni-app实现带拖拽功能的悬浮按钮组件实战项目

在当前移动互联网快速发展的背景下,跨平台开发已成为前端技术演进的重要方向。uni-app作为基于Vue.js的现代化跨平台应用开发框架,凭借“一次开发,多端运行”的特性,广泛应用于H5、小程序、App等多个终端场景。// 示例:uni-app项目中通过条件编译实现端别差异化逻辑#ifdef H5console.log('当前运行在H5环境');#endifconsole.log('当前运行在微信小程序环境');#endif。

王元祺

JavaScript图片轮播功能实现教程

本文还有配套的精品资源,点击获取 简介:本教程将介绍如何使用JavaScript实现图片自动切换功能,包括基础的HTML结构、定时切换逻辑的JavaScript实现,以及平滑过渡效果的CSS设置。文章还将提供控制按钮的添加,以便用户手动切换图片,并简要讨论了响应式设计、触发动画以及无限循环等高级功能。 1. HTML基本结构设计 1.1 图片轮播器的HTML...

金刚廉神兽

利用jquery.carousel.js实现自动轮播旋转木马效果(带前后按钮和小按钮5个)

在 jquery.carousel.js插件基础上做了改进,添加了索引按钮。

hisapho
评论 3
收藏 已收藏
分享
返回顶部
flashrhx2010
JavaScript 87,984 成员 224,681 内容