Ajax的用法


前言

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是解决服务器资源不会过于浪费的重要技术手段,同时也能给客户端更快的响应。不用让用户的体验感变差。


版权声明:本文为bankser原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。