Ajax的用法

文章目录

• 前言
• 一、Ajax的概念
• 二、实现方式
• • 1.$.ajax()
  • 2.$.get()
  • 3.$.post()
• 总结

前言

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

Ajax的用法

文章目录

• 前言
• 一、Ajax的概念
• 二、实现方式
• • 1.$.ajax()
  • 2.$.get()
  • 3.$.post()
• 总结

前言

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