JQuery ajax使用append添加标签和选择器加载顺序

在处理异步请求时,如果使用JQuery的append方法添加HTML标签,然后立即尝试使用选择器选择这些新添加的标签,可能会失败。这是因为JQuery的选择器在页面加载时就已经执行,而异步请求是在之后完成的。解决这个问题的方法是将选择器操作放在ajax请求的success回调函数的最后,以确保在选择器执行时,新内容已经被添加到DOM中。
摘要由CSDN通过智能技术生成

1.在异步请求回调函数里有时需要添加一些html标签,而此时再使用JQuery选择器选择已添加的标签是选择不到的.

2.这是由于网页在加载时,会优先将JQuery的选择器加载,之后才会加载发起异步请求(可以通过debug验证).因此,如果想要让JQuery选择器生效,则必须保证JQuery加载顺序在异步请求之后.

.1)解决方案一,更换顺序(不成功),record(result)的位置在异步请求后面

$(window).on("load",function(){
   
	$.ajax({
   
			url: "/StudentManageSystemAfter/record?action=queryRecordByPage&currentPage="+params.currentPage+"&pageSize="+params.pageSize+"&status=",
			type: "POST",
			contentType: "application/json;charset=utf-8",
			data: JSON.stringify(params),
			dataType: "json",
			success: function (result){
   
				if(result.flag){
   
				//添加html标签
					record(result)
				}
			},
			error: function (result){
   
				alert(XMLHttpRequest.status);
				alert(XMLHttpRequest.responseText);
				alert(XMLHttpRequest.readyState);  
			}
		 })	
		 /**全选、全不选**/
		  $(function() {
   
			  $("#all_ck").click(function(){
   
				  if ($(this).is(':checked')) {
   //全选
					  $("[name=ck]:checkbox").
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值