AJAX的使用

m0_75227909

于 2024-09-18 22:00:00 发布

阅读量79

点赞数 3

文章标签： ajax

本文链接：https://blog.csdn.net/m0_75227909/article/details/142329020

版权

四、ajax

1.JQuery的POST方式实现AJAX

核心语法

$.post(url,[data],[callback],[type]);

url：请求的资源路径

data：发送给服务器端的请求参数，格式可以是key=value，也可以是 js 对象

callback：当请求成功后的回调函数，可以在函数中编写我们的逻辑代码

type：预期的返回数据的类型，取值可以是 xml, html, js, json, text等

代码实现

$.post(

    "userServlet", //请求的资源路径

    "username=" + username, //请求参数

    function (data) { //回调函数

    },

    "text" //响应数据形式

);

2.JQuery的GET方式实现AJAX

核心语法

$.get(url,[data],[callback],[type]);

url：请求的资源路径

data：发送给服务器端的请求参数，格式可以是key=value，也可以是 js 对象

callback：当请求成功后的回调函数，可以在函数中编写我们的逻辑代码

type：预期的返回数据的类型，取值可以是 xml, html, js, json, text等

代码实现

$.get(

    "userServlet", //请求的资源路径

    "username=" + username, //请求参数

    function (data) { //回调函数


    },

    "text" //响应数据形式

);

3.JQuery的通用方式实现AJAX

核心语法

$.ajax({name:value,name:value,…});

url：请求的资源路径

async：是否异步请求，true-是，false-否 (默认是 true)

data：发送到服务器的数据，可以是键值对形式，也可以是 js 对象形式

type：请求方式，POST 或 GET (默认是 GET)

dataType：预期的返回数据的类型，取值可以是 xml, html, js, json, text等

success：请求成功时调用的回调函数

error：请求失败时调用的回调函数

代码实现

$.ajax({

    url:"userServletxxx", //请求资源路径

    async:true, //是否异步 一般不写

    data:"username="+username, //请求参数

    type:"POST", //请求方式

    dataType:"text", //数据形式

    success:function (data) { //请求成功后调用的回调函数


    },

    error:function () {

        alert("操作失败...");//请求失败后调用的回调函数 一般也不写

    }

});