jQuery发送AJAX

Posted 伯昂睿音

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery发送AJAX相关的知识,希望对你有一定的参考价值。

POST

    $(function(){
        // 请求数据(对象 | 数组)
        const param = {
            name: "李逵",
            age: 20
        };
        $.ajax({
            type: "POST", // 请求方式
            contentType: "application/json;charset=UTF-8", // 请求参数的媒体类型
            url: "http://localhost:8080/xxx/xxx/", // 请求地址
            data: JSON.stringify(param), // 请求数据
            dataType: "json", // 请求接收到的数据格式
            success: function(result) {
                // 成功,在此处执行业务操作
                
            },
            error: function(e){
                // 失败,在此处执行业务操作,
                // 或者把错误信息告诉用户
            }
        });
    });

GET

    $(function(){
        $.ajax({
            type: "GET", // 请求方式
            url: "http://localhost:8080/xxx/xxx?name=likui&age=20", // 请求地址
            dataType: "json", // 请求接收到的数据格式
            success: function(result) {
                // 成功,在此处执行业务操作
                
            },
            error: function(e){
                // 失败,在此处执行业务操作,
                // 或者把错误信息告诉用户
            }
        });
    });

以上是关于jQuery发送AJAX的主要内容,如果未能解决你的问题,请参考以下文章

如果用户没有使用浏览器,则jQuery计时器停止

jQuery高级Ajax

十条jQuery代码片段助力Web开发效率提升

十条jQuery代码片段助力Web开发效率提升

jQuery发送Ajax请求以及出现的问题

现需要使用 jQuery 代码实现 ajax 请求,详细信息如下