编程 Javascript

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

Posted in Javascript onMarch 25, 2015

本文实例讲述了jQuery的load()方法及其回调函数用法。分享给大家供大家参考。具体如下：

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

<!DOCTYPE html>
<html>
<head>
<script src="js/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程序设计有所帮助。

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

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用函数模板,写一个简单高效的 JSON 查询器的方法介绍

Apr 17 Javascript

jquery对象和DOM对象的区别介绍

Aug 09 Javascript

在JavaScript里防止事件函数高频触发和高频调用的方法

Sep 06 Javascript

jquery右下角自动弹出可关闭的广告层

May 08 Javascript

javascript实现textarea中tab键的缩排处理方法

Jun 26 Javascript

jQuery 1.9.1源码分析系列（十五)之动画处理

Dec 03 Javascript

关于axios返回空对象的问题解决

Apr 04 Javascript

前端主流框架vue学习笔记第二篇

Jul 26 Javascript

html中通过JS获取JSON数据并加载的方法

Nov 30 Javascript

node.js环境搭建图文详解

Sep 19 Javascript

2019年度web前端面试题总结(主要为Vue面试题)

Jan 12 Javascript

django简单的前后端分离的数据传输实例 axios

May 18 Javascript

jQuery使用$.get()方法从服务器文件载入数据实例

Mar 25 #Javascript

jQuery使用post方法提交数据实例

Mar 25 #Javascript

JavaScript实现常用二级省市级联下拉列表的方法

Mar 25 #Javascript

分享9个最好用的JavaScript开发工具和代码编辑器

Mar 24 #Javascript

JS通过ajax动态读取xml文件内容的方法

Mar 24 #Javascript

使用JavaScript 实现的人脸检测

Mar 24 #Javascript

JS使用ajax方法获取指定url的head信息中指定字段值的方法

Mar 24 #Javascript