jQuery的load()方法及其回调函数使用

最新jQuery的load()方法及其回调函数使用

以下是三零网为大家整理的最新jQuery的load()方法及其回调函数使用的文章，希望大家能够喜欢!

下面的js代码演示了jQuery的load()方法的使用，并演示了带回调函数(callback)的load方法的使用

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("External content loaded successfully!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>

</body>
</html>

延伸阅读:
·jQuery判断子iframe 加载完成的技术解决
·jquery hover图片遮罩层滑动
·jQuery对象与dom对象不能划等号
·灵活的jQuery选择器
·jquery 动态添加文本框
·jquery提交AJAX的中文乱码问题
·Jquery全选方法
·jquery设置元素的readonly和disabled
·jQuery只读页面
·jQuery-Tetris 俄罗斯方块
·jquery HTML5 拼图网页拼图
·网页连连看JQuery版游戏代码
·jquery瀑布流文字链接版混搭metro风格
·jquery带动画效果的链接提示
·jquery图片渐变提示代码

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。