笔记整理(1):AJAX

最新推荐文章于 2022-11-27 11:05:02 发布
最新推荐文章于 2022-11-27 11:05:02 发布
阅读量161 收藏 1
点赞数 1
分类专栏： JavaWeb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaihao1996/article/details/98725009
版权
这篇笔记探讨了Ajax的基础知识，包括它与传统请求的区别、核心对象XMLHttpRequest、异步请求的编程思路，以及如何使用Ajax进行GET和POST方式的请求。文章还介绍了jQuery对Ajax的封装，简化了Ajax的使用。
摘要由CSDN通过智能技术生成

Ajax

1.传统请求和异步请求

传统请求: 基于超级链接 地址栏 form表单 地址栏 location.href 发起的请求全部是传统请求

特点: 请求之后,刷新整张页面

缺点: 由于刷新了整张页面,用户操作被中断,造成大量网络流量的极大浪费。

异步请求: 基于ajax发起的请求都是异步请求

特点: 多个请求并行发生,请求之间互不影响,请求之后页面不动,刷新页面的局部

2.什么是Ajax

Ajax 即Asynchronous Javascript And XML(异步 JavaScript 和 XML)。他不是一种新的编程语言，而是一种通过异步实现网页的局部更新技术。

3.Ajax的核心对象

XMLHttpRequest对象是一个javascript对象，存在着浏览器差异。简称xhr对象

4.Ajax的编程思路


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  Zhac
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
AJAX——异步请求

				
			

			

				

					Meatball_MMY的博客
				

				

					06-20
					
					697
					
				

			

		

		

			
				
一、简介

1.功能简介

ajax:全称“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。

主要用来做半动态项目，用来连接前后端，达到更良好的用户体验。

2.优势

传统web交互缺点：流量损耗大；缓存过多。

ajax：局部刷新...

			
		

	



                

              
                



	

		

			

				
					
Ajax学习笔记整理

				
			

			

				

					12-09
				

			

		

		

			
				
Ajax: Asynchronous JavaScript and Xml , 异步js脚本和xml , 常用来实现页面局部的异步刷新, 对提高用户体验有很大帮助. Xml在多语言时较有优势, 但Ajax技术实际上较多采用Json对象而不是Xml来处理数据. Ajax历史…...

			
		

	



                


  
              

                


	

		

			

				
					
异步模式下的Web请求（技术介绍篇）

					
热门推荐

				
			

			

				

					放翁（文初）的一亩三分地
				

				

					04-20
					
					1万+
					
				

			

		

		

			
				
Author：放翁（文初）Date: 2010/4/14Email:fangweng@taobao.com 缘起         早在两年前做开放平台的时候，由于平台的特质，就开始寻求对于Web请求异步的解决方案，当时Jetty和Tomcat都在最新的版本中集成类似于Comet和Asyn Process的功能，但经过测试，效果不佳，因此也没有再深入去了解其中的一些设计理念。时隔

			
		

	





	

		

			

				
					
AJAX笔记整理

				
			

			

				

					weixin_30770783的博客
				

				

					02-11
					
					68
					
				

			

		

		

			
				
一.Ajax简介
Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成，这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。利用Ajax技术通过对XMLHttpRequest对象的操作可以实现网站页面的局部刷新，增强用户体验。成功应用：Google Maps，Google Suggest。
Code
//XMLHttpRequest...

			
		

	



		

			
		



	

		

			

				
					
Ajax异步技术

				
			

			

				

					bryant_yang的博客
				

				

					01-20
					
					419
					
				

			

		

		

			
				
ajax
在提交表单发送请求时，会导致页面刷新，不利于一些例如视频观看等操作。使用Ajax异步技术可以解决这一需求。
XMLHttpRequest js 是中的对象, 它可以用来向服务器发送请求，但不会导致页面刷新跳转。
1. XMLHttpRequest 对象基本使用

创建 xhr 对象

var xhr = new XMLHttpRequest();

2. 发送请求
xhr.open("g...

			
		

	





	

		

			

				
					
Ajax异步请求技术

				
			

			

				

					liuyingv8的博客
				

				

					01-04
					
					644
					
				

			

		

		

			
				
AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

ajax不是新的编程语言，而是一种使用现有标准的新方法。ajax是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

ajax是一种用于创建快速动态网页的技术。通过在

			
		

	





	

		

			

				
					
韩顺平AJAX和jquery笔记整理

				
			

			

				

					01-14
				

			

		

		

			
				
### 韩顺平AJAX和jQuery笔记整理  #### AJAX概览  - **定义**：Asynchronous JavaScript and XML（异步JavaScript与XML），是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 - **运行原理**：  - ...

			
		

	





	

		

			

				
					
《Ajax笔记》

				
			

			

				

					02-27
				

			

		

		

			
				
就业班时，就业老师整理的关于 Ajax的面试笔记，里边含有javaScript基础加强， Ajax编程入门，jQuery框架等一些核心资料。 核心内容概述 1.JavaScript加强，涉及到ECMAScript语法、BOM对象、DOM对象以及事件。 2....

			
		

	





	

		

			

				
					
Java学习笔记CCS AJAX DMS JSP servlet JavaScript等中文笔记整理.rar

				
			

			

				

					11-23
				

			

		

		

			
				
Java_笔记整理部分可能详细介绍了这些基本概念，并提供了实际编程中的应用示例。  CSS（Cascading Style Sheets）是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。它允许将样式分离于...

			
		

	





	

		

			

				
					
ajax异步请求技术

				
			

			

				

					qq_41668241的博客
				

				

					11-26
					
					288
					
				

			

		

		

			
				
#Aajax介绍
*什么是ajax：异步请求技术，核心对象是：XMLHttpRequest
*优点：不用刷新整个网页，就能使网页的局部数据发生变法
*客户端（浏览器，app）和服务器交互，传递的数据格式，
#XMLHttpRequest对象（不用自己写，后期使用jquery封装的）
1，属性：
*readyState：浏览器向服务器发送请求的状态
比如 readState=4,表明浏览器发送请求成...

			
		

	





	

		

			

				
					
使用AJAX技术发送异步请求，HTTP服务端推送 --

				
			

			

				

					weixin_30794491的博客
				

				

					02-21
					
					324
					
				

			

		

		

			
				
使用AJAX技术发送异步请求
什么是AJAX
AJAX指一步Javascript和XML（Asynchronous JavaScript And XML），它是一些列技术的组合，简单来说AJAX基于XMLHttpRequest让我们在不重载页面的情况下和服务器进行数据交换。
加上JavaScript和DOM（Document Object Model,文档对象模型），我们就可以在接...

			
		

	





	

		

			

				
					
ajax异步请求

				
			

			

				

					m0_47649585的博客
				

				

					08-22
					
					124
					
				

			

		

		

			
				
1 什么是异步请求？
在页面不重新加载的情况下，发送请求局部更新页面内容。
2 jquery实现异步请求？
$.ajax({
url:“访问路径”,
data:“请求参数”, //请求参数格式:“name=value&name=value&…” 或者 {name:value,name:value,…}
type:“get/post”, //请求方式
dataType:“json”, //期望响应结果的类型
success:function(msg){
//msg表示响应回来的结果，msg是变

			
		

	





	

		

			

				
					
ajax基础学习笔记整理

				
			

			

				

					冰雪为融的博客
				

				

					03-07
					
					334
					
				

			

		

		

			
				
一、ajax原理及功能ajax：Asynchronous JavaScript and XML  翻译为中文异步的JavaScript和XML（用JavaScript异步形式去操作XML）ajax的特点：无刷新页面就可以完成数据交互。ajax的优点：节省用户操作时间，提高用户体验，减少数据请求。不需要浏览器刷新去发送请求，它可以通过js内置的ajax对象，来完成当前浏览器的这种请求行为，我们可以请...

			
		

	





	

		

			

				
					
异步请求-AJAX

					
最新发布

				
			

			

				

					listeningdu的博客
				

				

					11-27
					
					3184
					
				

			

		

		

			
				
AJAX 即“Asynchronous Javascript And XML”（异步 JavaScript和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。AJAX关键技术使用CSS构建用户界面样式,负责页面排版和美工使用DOM进行动态显示和交互,对页面进行局部修改。

			
		

	





	

		

			

				
					
Ajax异步请求

				
			

			

				

					qq_52780421的博客
				

				

					05-20
					
					1601
					
				

			

		

		

			
				
为什么要使用Ajax
在没有使用ajax技术时，前端要和服务器做交互是一个一来一回的过程。在前端通过HTTP协议向服务器发送请求时，要等待服务器的回应才能做下一步的操作，这给与了用户很不好的体验感。
什么Ajax
ajax是前端异步请求后台数据的技术，能做到在前端不刷新网页的情况下，获取后台数据在前端做显示，能给与用户很好的体验感。
Ajax应用案例
1.百度搜索响应栏

2.部分网页登录页面的即时验证功能
Ajax工作原理
传统的前端请求
传统的请求是直接的一来一回的过程：
浏览器 ----服务器

aj

			
		

	





	

		

			

				
					
AJAX异步请求

				
			

			

				

					HHHHHAOGG的博客
				

				

					01-04
					
					3735
					
				

			

		

		

			
				
1.什么是AJAX的异步请求：

我们知道，在同步请求模型中，浏览器是直接向服务器发送请求，并直接接收、处理服务器响应的数据的。这就导致了浏览器发送完一个请求后，就只能干等着服务器那边处理请求，响应请求，在这期间其它事情都做不了。但是异步请求就可以省略浏览器不会出现干等着的状态

2.异步请求的原理：

异步请求正是基于以上所述的模式，浏览器把请求交给代理对象—XMLHttpRequest（绝大多数浏览器都内置了这个对象），由代理对象向服务器发起请求，接收、解析服务器响应的数据，并把数据更新到浏览器指定的控

			
		

	





	

		

			

				
					
Prototype开发笔记：JavaScript与Ajax深入探索

				
			

			

				

					
				

			

		

		

			
				
"Prototype开发笔记.doc 是一份详细记录Prototype库使用的文档，由刘建生于2007年整理，主要参考了《prototype1.4.0参考手册.pdf》。文档内容涵盖Prototype的基本概念、通用方法以及核心功能的深入探讨，包括Ajax...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值