Ajax学习0

概述

1. 异步JS和XML,创建交互式网页应用的网页开发技术
   • 客户端必须等待服务器端的响应，等待期间客户端不能做其他操作
   • 客户端无需等待服务器端的响应，等待期间客户端可以做其他操作
2. 一种无需重新加载整个页面的情况下，能够更新部分网页的技术
3. 提升用户体验，增加操作连贯性(减少等待服务器响应时间)

实现方式

1. 原生js实现方式(用的少，w3c文档临时)
   • 请求
     • 创建对象
     • 建立连接
     • 发送请求
   • 响应
     • 判断xmlhttp对象状态
     • 获取响应结果
     • 响应
2. JQuery实现方式
   1. $.ajax()
      • 语法:$.ajax({key-value})

      function fun(){
        $.ajax({
            url:"ajaxServlet",//请求路径  
            
            type:"POST",//请求方式
            
            data:{
                "username":"tom",
                "age":13;
            },//请求参数
            
            dataType:"json",//设置接收到的响应数据格式，默认是text类型，所以多数时候要指定
            
            success:function(data){
                alert(data);
            },//响应且成功后自动执行的回调函数，`data`为响应的返回参数
            
            error:function(data){
                alert(data);
            }//响应但失败后自动执行的回调函数，`data`为响应的返回参数
            //最后一个键值对不要写末尾的，号
        });
        }
      
   2. $.get():发送get请求
      • 语法:$.get(url,[data],[callback],[dataType])
        • 请求路径
        • 请求参数
        • 回调函数
        • 预期返回数据类型

      • function fun(){
            $.get("ajaxServlet",{
                username:"rose"
            },function(data){
                alert(data);
            },"json"
        };
        }
        

   3. $.post():发送post请求,形式同上