ajax页面加载js事件

JavaScript015

ajax页面加载js事件,第1张

我习惯用jquery,所以只能给你个jquery里的问题解决办法

因为ajax请求回来的对象都是后期加入的,而html只在加载时候执行一次,所以需要在执行事件的父级上去加绑定事件

如:

$('body').on('click' , '.zan' , function(){

//do something ...

})

$('body')范围比较大,但只要保证除了要实现效果的地方以外没有.zan这个类的元素就可以,当然也可以缩小范围;

.on就是事件的绑定方法,根据jquery版本不同会有点变化;

click是事件触发动作,你的应该就是点击;

.zan是触发的元素,这里表示class为zan的元素,可以根据你自己需要改动

以上办法供你参考

利用getScript()方法。ajax局部加载数据后,再执行一次你在head内的js脚本 $getScript('http://your_external_javascript.js')

不刷新页面,重新加载js文件的方法有:

通过js创建script标签,例如

var script = document.createElement("script")

script.src = "test.js"

document.body.appendChild(script)

2.通过ajax实现无刷新加载,ajax的方法可以自己写,也可以引用,以下引用的是jquery的ajax

$.ajax({

    type = "get",

    url : "test.js",

    dataType : "script"

})

总结:如果是自己写js,不引用。建议用第一种,第二种也可以参考。