前言
ajax是在学习JavaWeb阶段非常重要的内容,是提高用户体验感最重要的技术之一。
一、Ajax的概念
AJAX:ASynchronous JavaScript And XML:异步的JavaScript和XML。
异步和同步:客户端和服务器端互相通信的基础上
同步:客户端必须等待服务器响应。在等待的期间客户端不能做其它操作。
异步:客户端不需要等待服务器端的响应。在服务器处理请求的过程中,客户端可以进行其他的操作。
Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换,Ajax可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页内容
二、实现方式
1.$.ajax()
语法:$.ajax(url,[settings]也可以是{ 键值对 })
//定义方法
function fun() {
//使用$.ajax()发送异步请求
$.ajax({
url:"ajaxServlet",//请求路径
type:"post",//请求发送
data:"username=jack&age=23",//请求参数data:{"username":"jack","age":23}
success:function (data) {
alert(data)
},//响应成功过后得到响应的值
error:function () {
alert("出错了");
},//表示如果请求响应出现错误,会执行的回调函数
dataType:"text" //设置接受到的响应数据的格式
});
}
2.$.get()
用于发送get请求
语法:$.get(url,[data],[callback],[type] )
参数:
url:请求路径
data:请求参数
callback:回调函数
type:响应结果的类型
3.$.post()
发送post请求
语法:$.post(url,[data],[callback],[type] )
参数:
url:请求路径
data:请求参数
callback:回调函数
type:响应结果的类型
总结
Ajax是解决服务器资源不会过于浪费的重要技术手段,同时也能给客户端更快的响应。不用让用户的体验感变差。