jquery ajax loading效果

简介: (function() {("#loading_img").click( function() { $.ajax({ type:"GET", url:"demo.php", data:"name=wuxiaoyong", beforeSend:loading,//执行ajax前执行loading函数.

<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
(function() {("#loading_img").click(
function()
{
.ajax({  type:"GET",  url:"demo.php",  data:"name=wuxiaoyong",  beforeSend:loading,//执行ajax前执行loading函数.直到success  success:Response //成功时执行Response函数  })  }  )  });  function loading(){('#loading_img').html('<img src="images/loading.gif"/>');
}
function Response(data){
$('#loading_img').html(data);
}
</script>

<div id="loading_img">点击加载</div>

目录
打赏
0
0
0
0
5
分享
相关文章
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
66 0
jQuery AJAX 方法
jQuery AJAX 方法
57 1
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
jQuery AJAX 方法
jQuery AJAX 方法
37 1
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
414 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
47 0
Ajax的使用(jquery的下载)
这篇文章是关于Ajax学习笔记的分享,包括JQuery的下载方式、Ajax的主要参数说明,以及如何在网页中使用Ajax进行异步请求的示例代码。
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
精心挑选的12款优秀 jQuery Ajax 分页插件和教程
  在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。
1201 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等