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