避免重复请求 LIST

最新推荐文章于 2024-06-24 10:24:34 发布

原创最新推荐文章于 2024-06-24 10:24:34 发布 · 638 阅读

0 ·

CC 4.0 BY-SA版权

ajax 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何在前端开发中避免元素的重复加载，并提供了一个具体的实现案例。此外，还展示了如何通过AJAX动态添加新的标签到页面上，包括完整的JavaScript代码实现。

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

避免重复加载 (CI)

/*全民看盘*/
	$('#qmkp').click(function () {
		//alert("9999");
		//alert("herer");
		if($("#qmkps tr").length>0){

		}else{
			var Ajaxurl = "<?php echo site_url('bactive/qmkp'); ?>";
			$.ajax({
				type: 'post',
				url: Ajaxurl,
				data: '',
				success: function (mag) {
					//alert(mag);
					$("#qmkps").html(mag);
				}
			});
		}


	})

//TP

$('#add_lable').click(function(){
	var new_lable = $('#new_lable_id').val();
	if(new_lable == ''){
		alert("标签名不能为空！");			
	}else{
		/*添加新标签*/		
        var f_id = $('#f_id').val();	
		var Ajaxurl = "/admin.php/Lable/pass_add";  
		$.ajax({  
			type: 'post',  
			url: Ajaxurl,  
			data: 'lable_name='+new_lable+"&f_id="+f_id,  
			success: function (mag) {
				if(mag == 0){
				   alert("添加标签失败");
				}else{
					//console.log(mag)	
					var option_html='';				
					for(var i=mag.length-1;i<mag.length;i++){
						//console.log(mag[i].lable_name)
						var option = "";  
							option += "<option value=" + mag[i].lable_id +"</option>" +  mag[i].lable_name +"</option>";  
							option_html += option; 				
					}					
					$('#staus1').append(option_html);
					$('#new_lable_id').val('');
					alert("添加标签成功");					
				}			
			}  
		}); 
	}
})