Ajax异步获取html数据中包含js方法无效的解决方法
发布于 2017-05-19 21:28:14 | 150 次阅读 | 评论: 0 | 来源: 网友投递
AjaxAJAX即“Asynchronous Javascript + XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
本文主要介绍了Ajax异步获取html数据中包含js方法无效的解决方法,具有很好的参考价值,下面跟着小编一起来看下吧
页面上使用js写了一个获取后台数据的方法
function data() {
var tab = $("#dic")
$.ajax({
url: '../demo.ashx?method=GetList',
data: {},
dataType: 'json',
type: 'post',
async: true,
success: function (data) {
//console.log(data);
var parentStr = '';
$.each(data, function (i, item) {
//console.log(item.text);
parentStr += "
"});
tab.html(parentStr);
}
})
}
其中的
更多+ 绑定一个点击时间
$('.morechange').click(function(){
alert("弹出")
});
发现点击无效无效
原来是 ajax载入新dom之前js 就加载完了,事件当然没有绑定到新载入的dom上
解决方法:
使用jquery的委托事件,将该方法委托到页面已经存在的一个节点上
$("#dic").delegate('.morechange', 'click', function () { alert("弹出"); });
问题解决。
当然也可以不使用异步将async改为false也是可以的
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持phperz!
相关阅读:
Ajax异步获取html数据中包含js方法无效的解决方法
JS 实现 ajax 异步浏览器兼容问题
ajax返回值中有回车换行、空格的解决方法
PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
ajax读取数据后使用jqchart显示图表的方法
Ajax请求在数据量大的时候出现超时的解决方法
ajax异步刷新实现更新数据库
ajax异步请求详解
原生ajax处理json格式数据的实例代码
有关文件上传 非ajax提交 得到后台数据问题
AJAX的跨域访问-两种有效的解决方法
XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法