连续点击按钮后多次发送数据问题的解决办法

本文介绍了一种使用JavaScript防止表单重复提交的方法。通过为提交按钮添加cando类,并在点击事件中判断该类的存在与否来实现。首次点击移除cando类并发送请求,后续点击若无此类则阻止请求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    昨天,发现了一个小问题,具体是:当鼠标连续多次点击保存按钮时,会向后台发送多个请求,会创建出多条数据。有一个比较简单的解决办法,代码如下:

//JS部分
if($(this).attr('class').indexOf('cando')==-1){
 console.log('no');
 return;
}else {
 $('#mca_save').removeClass('cando');
}

     在HTML部分,我们先为此按钮加上一个cando的属性,在此按钮的点击事件里,对是否有cando属性进行判断,第一次点击时,有cando属性,则将cando属性移除,然后继续其他操作,比如向后台发送请求。当再次点击时,没有cando属性,则结束当前事件,无法向后台继续发送请求。


世界地图矢量数据可以通过多种网站进行下载。以下是一些提供免费下载世界地图矢量数据的网站: 1. Open Street Map (https://www.openstreetmap.org/): 这个网站可以根据输入的经纬度或手动选定范围来导出目标区域的矢量图。导出的数据格式为osm格式,但只支持矩形范围的地图下载。 2. Geofabrik (http://download.geofabrik.de/): Geofabrik提供按洲际和国家快速下载全国范围的地图数据数据格式支持shape文件格式,包含多个独立图层,如道路、建筑、水域、交通、土地利用分类、自然景观等。数据每天更新一次。 3. bbbike (https://download.bbbike.org/osm/): bbbike提供全球主要的200多个城市的地图数据下载,也可以按照bbox进行下载。该网站还提供全球数据数据格式种类齐全,包括geojson、shp等。 4. GADM (https://gadm.org/index.html): GADM提供按国家或全球下载地图数据的服务。该网站提供多种格式的数据下载。 5. L7 AntV (https://l7.antv.antgroup.com/custom/tools/worldmap): L7 AntV是一个提供标准世界地图矢量数据免费下载的网站。支持多种数据格式下载,包括GeoJSON、KML、JSON、TopJSON、CSV和高清SVG格式等。可以下载中国省、市、县的矢量边界和世界各个国家的矢量边界数据。 以上这些网站都提供了世界地图矢量数据免费下载服务,你可以根据自己的需求选择合适的网站进行下载
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值