当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 关于jQuery的Ajax请求基本用法的实例解析

关于jQuery的Ajax请求基本用法的实例解析

2018年09月30日  | 移动技术网IT编程  | 我要评论

在这里记录一下 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);
    }  

});

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网