ajax请求返回的数据无法用选择器绑定事件

今天在写一个项目的时候突然发现一个很怪异的问题,问题是这样的:

当我使用ajax去后台请求数据就将后台拼接生成的html代码直接添加到页面中了,但是在后续操作中发现,生成的html代码绑定的click不起作用,但是换成onclick=“click()”的话就可以了。

出现的原因是:

因为先后顺序的关系啊~用AJAX加载是异步加载这个应该很清楚吧~既然是异步加载那么就是非同步的,
也就是说当你的整个页面加载完成后$(‘.div‘).click(function(){.....});
这句根本找不到你异步加载的DIV,所以它就不会执行了,即使你之后再把<div class="div">div</div>
这个加载进来,在浏览器也不会找到这个DIV的,因为浏览器在第一次加载的时候没有找到它,
并且浏览器在你加载进这个DIV来之后也不会重新渲染一次,所以找不到。

而你加载进来的<div onclick=dofun("prameter")>div</div>,是它去找的这个函数,而dofun这个函数
是之前就被浏览器渲染过了,只是还没有调用,而你新加载进来的DIV正好要调用之前就已经渲染好的
函数,所以就可以使用了~

更多的解释:

因为$(‘.div‘).click(function(){.....}); 是在 ajax加载出来之后才执行的;而且,如果没找到对象,调试时应该报错才对,但是又没报错。这是因为你用ajax加载的是<div class="div">div</div>这个!但是浏览器在第一次加载渲染的时候没有找到<div class="div">div</div>这个,所以你的那个$(‘.div‘).click(function(){.....});在浏览器第一次加载的时候是不会找到 class="div"的这个层的,所以就当没找到对象跳过去了,但是语法上又没有错误,所以它不会报错,至于你说的没找到对象也没有报错那是因为$(‘.div‘).click(function(){.....});这句根本就没有执行,所以不存在查找对象的问题,自然就不报错了~JS浏览器只加载一次,并且注册一些对应的事件,当第一次注册找不到对应的元素时就会被浏览器忽略,之后及时你再加载元素进来也不会再重新加载一次JS了,除非你刷新。所以你的$(‘.div‘).click(function(){.....}); 这句算是JS,所以浏览器只加载一次。所以不管用了

时间: 2024-10-03 23:16:35

ajax请求返回的数据无法用选择器绑定事件的相关文章

Ajax请求返回Json数据

介绍一下用Ajax向服务器请求数据的方法,以及对于返回的Json数据的使用. 1 $.ajax({ 2 type:"post", 3 async:false, 4 url: ******** 5 data:{"province":$("#provice").val(), 6 "city":$("#city").val(), 7 "area":$("#area").va

ajax请求返回数据,模板中的数据处理

/*ajax请求返回数据,模板中的数据处理*/ function QueryGameAsset(){ var new_start_time=$('#new_start_time').val();//开始时间 var new_end_time=$('#new_end_time').val();//结束时间 if(!new_start_time||!new_end_time){ alert("时间不能为空"); return false; } $.ajax({ url:'/Statisti

ajax请求返回Json字符串运用highcharts数据图表展现数据

[1].[图片] Json字符串和highcharts数据图表展现.jpg 跳至 [1] [2] [2].[代码] Json字符串和highcharts数据图表展现 跳至[1] [2] 001 /* 002 * Filename: OQtyOrPriceReport.js 003 * Description:客户订单数量和价格报表分析 004 * Created: 2013.11.14 005 * Author : liangjw 006 * Company:Copyright (C) 2013

ajax请求获取的数据无法赋值给全局变量问题总结

一.总结: 1.问题描述: 今天做项目遇到在用表单显示详细信息的过程中ajax请求获取的数据无法赋值给全局变量的情况,从列表页面进入详情页,在详情页面被渲染了之后就会调用js文件里的接口向服务器请求数据,除了详情页面被加载之后需要向服务器发送ajax请求,在详情页面还有几个表单控件的属性需要去请求服务器获取实际项目中要求要显示的数据. 如下代码,直接在ajax请求中改变表单控件的值,避开了给全局变量赋值. 给全局变量赋值的解决办法,给ajax请求设置async为false,表示请求为同步请求:

swift http请求返回json数据并解析

1 AppDelegate.swift // // AppDelegate.swift // QQDemo // // Created by 赵超 on 14-6-21. // Copyright (c) 2014年 赵超. All rights reserved. // import UIKit @UIApplicationMain class AppDelegate: UIResponder, UIApplicationDelegate { var window: UIWindow? fun

React 中的 AJAX 请求:获取数据的方法

React 中的 AJAX 请求:获取数据的方法 React 只是使用 props 和 state 两处的数据进行组件渲染. 因此,想要使用来自服务端的数据,必须将数据放入组件的 props 或 state 中. 首先引入 axios. 1.`import axios from 'axios';` constructor 方法非常标准,调用 super,然后初始化 state,设置一个空的 posts 数 传入新的 posts 数组,使用 this.setState 方法更新组件状态.这会导致重

ajax https请求返回json数据

怎么获取通过ajax请求的html代码:http://zhidao.baidu.com/link?url=Vk7mfepx1tNOp6DAy7KYY_wcUlKQxwwGpmCmct3akDwyXt5P8IIbzY_bLqABCUDFHFtbZs90jmYG11iN5APMKR-T7Acvix9A_DDcOpJA9lu http://www.iteye.com/problems/84999

SpringMVC使用Ajax请求返回中文乱码

前言: 最近在写一个JavaWeb后台时采用了spring+MyBatis+MySQL的方式.记录下遇到的关键问题 接口返回数据相关 使用@ResponseBody后返回NUll 说明:刚把后台运行起来,兴高采烈的测试接口数据,结果无论如何都是返回null, 最终通过各种百度,发现原来是没有引入关键的Jar包. 解决办法: 需要引入jackson的jar包(jackson core和jackson mapper),引入后 图: 使用@RequestMapping返回中文乱码 原因分析:(网上基本

jquery发送ajax请求返回数据格式

1 jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等. 2 3 1.html格式的数据 4 5 "<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+" </p></div>" 6 7 服务器端返回数据格式是html片