总结一下基于jQuery的ajax技术【实例参考】:
—-实例参考:
- $.ajax
$.ajax({
type: "GET",//要求为String类型的参数,请求方式(post或get)默认为get。
url: "test.php",//要求为String类型的参数,(默认为当前页地址)发送请求的地址。
data: {username:$("#username").val(),content:$("#content").val()},//传参
dataType: "json",//要求为String类型的参数,预期服务器返回的数据类型
success: function(data){
//回调函数
}
});
//实例:
//每隔开30秒记录一次在线时间
function onlinetime(){
$.ajax({
type :'get',
url:'/login/onlineTime',
data:{'t':Math.random()},
dataType:'json',
success:function(data){
if(data=='yes'){
// alert('操作成功!');
setTimeout('onlinetime()',30000);
}
}
})
}
$(document).ready(function(){
onlinetime();
})
- $.getJSON
$.getJSON('/gp/schlIfBySshi',{'key':mg,'pve':sheng,'cy':shi,'t':Math.random()},function(data){
if(data.httpCode=='200'){
var html_school='<option value="">请选择**</option>';
$.each(data.result,function(nk,obj){
html_school+='<option value="'+obj.id+'">'+obj.username+'</option>';
})
$('#schl_list').html(html_school);
}else{
$('#schl_list').html('<option value="">你选择的**下,暂无相关信息</option>');
}
})
- $.get
$.get('/gp/schlIfBySshi',{'key':mg,'pve':sheng,'cy':shi,'t':Math.random()},function(data){
if(data.httpCode=='200'){
var html_school='<option value="">请选择**</option>';
$.each(data.result,function(nk,obj){
html_school+='<option value="'+obj.id+'">'+obj.username+'</option>';
})
$('#schl_list').html(html_school);
}else{
$('#schl_list').html('<option value="">你选择的**下,暂无相关信息</option>');
}
},'json')
- $.post
$.post('/ziyuan/delFl',{'key':mg,'path':path},function(data){
if(data.httpCode=='200'){
$('#tips_box').hide();
}
},'json')