Ajax

发布时间 2024-01-12 10:33:22作者: 菜鸡前来

 

  1. 在页面上编写发送请求的方法,点击事件来完成,选中对应的按钮(${"选择器"}),再去添加点击事件,$.ajax()函数发送异步请求。

  2. 就是JQuery封装的一个函数,称之为$.ajax()函数,通过对象调用ajax()函数,可以异步加载相关的请求。依靠的是JavaScript提供的一个对象XHR(XmlHttpResponse),封装了这个对象。

  3. ajax()使用方式。需要传递一个方法体作为方法的参数来使用,一对大括号称之为方法体。ajax接收多个参数,参数与参数之间要求使用 ","进行分割,语法结构:

    $.ajax({
       url:"",
       type:"",
       data:"",
       dataType:"",
       success: function(){
       
       },
       error: function(){
       
       }
    });
  4. ajax()函数参数的含义:

    参数 功能描述
    url 标识请求的地址(url地址),不能包含参数列表部分的内容。例如:url:"localhost:8080/users/reg"
    type 请求类型(GET和POST请求的类型)。例如: type: "POST"
    data 向指定的请求url地址提交的数据。例如: data: "username=tom&pwd=123"
    dataType 提交的数据的类型。数据的类型一般指定为json类型。dataType: "json"
    success 当服务器正常响应客户端时,会自动调用success参数的方法,并且将服务器返回的数据以参数的形式传递给这个方法的参数上
    error 当服务器未正常响应客户端时,会自动调用success参数的方法,并且将服务器返回的数据以参数的形式传递给这个方法的参数上