0
点赞
收藏
分享

微信扫一扫

Ajax

mm_tang 2022-10-31 阅读 183


Ajax

  • ​​1.同步请求和异步请求​​
  • ​​AJAX代码编写的步骤​​
  • ​​XMLHttpRequest对象的属性​​
  • ​​2. status属性​​
  • ​​3.字符串转对象和对象转字符串​​
  • ​​4. responseText 和responseXML​​
  • ​​5.Ajax配合jQuery使用​​
  • ​​1.使用jQuery首先要导入包​​
  • ​​2.语法格式​​

1.同步请求和异步请求

同步请求是指当浏览器发出请求后,只有当服务端完成后响应回来,才能看到响应结果,这个过程中,浏览
器不能做其它事情,只能等待服务端的响应。
异步请求是指当浏览器发出请求后,等待服务端的响应,在此期间,浏览器不阻塞,你可以去做其它的事
情,直到服务端的响应结束。
所以,我们看到的同步请求就是整个浏览器的页面都会刷新- -次。
而异步请求是局部刷新,它不会整体刷新页面。
I
本质来说,异步请求就由浏览器开启一个新线程去发送请求到服务端,而主线程该干吗就干,不受影响,直
到这个异步线程从服务端响应回来,然后,主线程就要针对这个回来的响应进行处理。

AJAX代码编写的步骤

1.创建XMLHttpRequest对象

2.注册回调函数。

3.建立与服务端的连接

4.发送请求

Ajax_xml

XMLHttpRequest对象的属性

1.readyState属性
此属性0-4的值,共计5种状态
0表示请求未初始化
1服务器连接已经建立
2请求已接收
3请求处理中
4请求已完成,响应已就绪
I

2. status属性

响应的状态码,这个状态码也有5种类型的值,分别是:
1XX

2Xx
代表服务端正常响应客户端
3xx
代表服务端资源没有发生改变
4xx代表资源错误
5xx<代表服务 端错误

3.字符串转对象和对象转字符串

Ajax_ajax_02

4. responseText 和responseXML

responseText表示以文本的信息获取服务端的响应,获取的就是字符串。

responseXML当服务端以xml格式返回给客户端时,则使用此属性去接收。获取的就是DOM对象。

Ajax_服务端_03


Ajax_服务端_04

Ajax_java_05


Ajax_ajax_06


Ajax_java_07


Ajax_java_08


Ajax_服务端_09

5.Ajax配合jQuery使用

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>

1.使用jQuery首先要导入包

2.语法格式

$.ajax({
url:要穿的地址单引号eg:'First'
data:传输的数据(传到后端)json格式{'username':username}
type:传输类型'get'
success:function(res){
回调函数
}
});

Ajax_java_10


举报

相关推荐

0 条评论