在这里记录一下 jQuery的Ajax基本用法, 以便以后查阅!
// 页面加载完毕执行的回调函数 $(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); }
// 页面加载完毕执行的回调函数 $(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); } });