jQuery Ajax请求的基本用法

在这里记录一下 jQuery的Ajax基本用法, 以便以后查阅!

GET 请求

// 页面加载完毕执行的回调函数
$(document).ready(function () {

    // 获取请求参数
    var username = $('#username').val();
    var password = $('password').val();

    // 执行ajax
    $.ajax({
        type: 'GET',
        url: '/smp/login?' + 'username=' + username + '&' + 'password=' + password,
        // 返回的数据格式
        dataType: 'json',
        cache: false,
        timeout: 6000,
        success: successFunction,
        error: errorFunction
    });

});

// ajax成功后的回调函数
function successFunction(resultData) {
    // 渲染数据
    renderData(resultData);
}

// ajax错误后的回调函数
function errorFunction(msg) {
    alert("请求错误" + msg);
}

POST 请求

// 页面加载完毕执行的回调函数
$(document).ready(function () {

    // 参数
    var pageNo = $('#pageNo').val();
    var pageSize = $('#pageSize').val()

    // 获取搜索参数
    var searchParams = {
        'param1': $('#param1').val(),
        'param2': $('#param2').val(),
        'param3': $('#param3').val(),
        'param4': $('#param4').val(),
        'param5': $('#param5').val()
    };

    // 执行ajax
    $.ajax({
        type: 'POST',
        contentType: 'application/json;charset=utf-8',
        url: '/smp/info/search?' + 'pageNo=' + pageNo + '&' + 'pageSize=' + pageSize,
        // 请求的参数
        data: JSON.stringify(searchParams),
        // 返回数据的格式
        dataType: 'json',
        cache: false,
        timeout: 6000,
        success: successFunction,
        error: errorFunction
    });

    // ajax成功后的回调函数
    function successFunction(resultData) {
        // 渲染数据
        renderData(resultData);
    }

    // ajax错误后的回调函数
    function errorFunction(msg) {
        alert("请求错误" + msg);
    }  

});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值