1 ajax概述ajax同步与异步区别,在于:同步基本是秉持着顺序执行的,为此在传送数据期间,浏览器一直处于等待状态,如果数据量过多或者网速过慢,就会出现假死情况(此内容在笔者此前博文<异步ajax实现顺序执行>中也有提出),所以当代ajax已经基本不再使用同步配置了;异步则是发送后,接下来该干什么干什么,类似于行军途中,不断派出的斥候与正常军队行进之间的关系.只是有时候有些斥候的信            
                
         
            
            
            
            # 如何实现"jquery ajax 点击获取事件"
## 1. 流程图
```mermaid
graph LR
A(点击事件) --> B(发送ajax请求)
B --> C(获取数据)
C --> D(展示数据)
```
## 2. 步骤及代码注释
### 步骤1:设置点击事件
```javascript
// 当按钮被点击时触发
$('#btn').click(function() {            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-02-28 03:44:48
                            
                                136阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ajax防止重复提交请求
A. 独占型提交
只允许同时存在一次提交操作,并且直到本次提交完成才能进行下一次提交。module.submit = function() {
  if (this.promise_.state() === 'pending') {
    return
  }
  return this.promise_ = $.post('/api/save')
}B. 贪婪            
                
         
            
            
            
              平时工作中不可避免地要嵌套网页,对JavaScript的深入了解还是很有必要滴。而JavaScript中一个容易让人迷惑的地方就是定时器了,恐怕我们每天都在用,但我们真的足够理解吗?反正我之前只是随便用用,最近拜读了一些资料,感觉还是收获不少,在此作一个归纳。最重要的概念JavaScript引擎是单线程的。HTML5引入了Web Workers的特性,会从一定程度上突破这个限制。但话说回来,我            
                
         
            
            
            
            缘起在开发一个应用系统特别是做后台管理系统的时候,每次刷新全部页面即浪费流量,又消耗服务器资源、还会让界面闪动,用户体验不好,这是为什么要使用Ajax的原因。而使用了Ajax后,发现使用浏览器的后退键不管用了。这很不方便,这就需要使用html5提供的history功能。思路ajax加载这用jquery很简单,看代码  $("#mycontent").load(url);  1这样就将url中的ht            
                
         
            
            
            
            AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-14 09:39:27
                            
                                459阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            实例通过 AJAX 加载一段文本:jQuery 代码:$(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $("#myD...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-11 14:15:44
                            
                                123阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            实例
通过 AJAX 加载一段文本:
jQuery 代码:
$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);
  });
});            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-06-04 18:04:00
                            
                                536阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。什么是 AJAX? AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。关于 jQue            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-11-29 10:56:14
                            
                                10000+阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery ajax - ajax() 方法http://www.w3school.com.cn/jquery/ajax_ajax.aspjQuery Ajax 参考手册实例通过 AJAX 加载一段文本:jQuery 代码            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-27 10:17:01
                            
                                10000+阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            $.ajax({ type: "post", url: "PersonalPortalService.ashx?Method=PersonalWidget_Add", async: false, //同步的ajax 并未异步 data: { row: row, column: column}, da            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-11-10 18:36:00
                            
                                120阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。 type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持。 timeout: 要求为Number类型的参数,设置            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-08-16 18:44:00
                            
                                297阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            http://api.jquery.com/jquery.ajax/ http://www.runoob.com/jquery/jquery-ref-ajax.html type (default: 'GET') Type: String An alias for method. You shoul            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-12-19 09:56:00
                            
                                184阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            var prospectData = { "prospectID" : '${CustomerHolisticView.clientID}' };            if(confirm("Are you sure to delete this prospect record?")){$.ajax({url: '<portlet:res            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-27 16:41:13
                            
                                59阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            .aspx代码如下:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-11 11:13:29
                            
                                100阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            index.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
Insert title here
$(function(){
	$("input[type='button']").bind("click",function()            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-09 16:51:24
                            
                                86阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ajax            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2011-01-21 17:37:42
                            
                                485阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。timeout: 要求为Number类型的参数,设置请求超...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-12-16 11:29:00
                            
                                91阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            4、jQuery对ajax的支持    1)load        a,作用: 将服务器返回的数据直接添加到符合要求的节点之上。        b,用法:            $obj.load(请求地址,[请求参数]);              
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2013-08-27 20:32:18
                            
                                455阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和      delete也可以使用,但仅部分浏览器支持。timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2014-11-10 19:43:52
                            
                                464阅读