$.ajax,$.get,$.post,$.getJSON技术实例

来源:互联网 发布:移动网络50兆怎么样 编辑:程序博客网 时间:2024/05/19 13:09

总结一下基于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')