$.get()方法使用GET方式来进行异步请求,它的语法结构为:
$.get( url [,data] [,callback] )
$.get("submit.PHP",{id:'123',name:'小王',},function(data,state){ //这里显示从服务器返回的数据 alert(data); //这里显示返回的状态 if(state == 'ok'){ alert("返回数据成功"); }else{ alert("返回数据失败"); } });2、$.post()
$.post()方法使用POST方式来进行异步请求,它的语法结构为:
$.post(url,[data],[callback],[type])
$.post("submit.PHP",name:'小明',state){ //这里显示从服务器返回的数据 alert(data); //这里显示返回的状态 if(state == 'ok'){ alert("返回数据成功"); }else{ alert("返回数据失败"); },"json");
3、$.getJSON()
$.getJSON()是专门为ajax获取json数据而设置的,并且支持"跨域"调用,其语法的格式为:
getJSON(url,[callback])
4、$.ajax()
$.ajax()是jquery中通用的一个ajax封装,其语法的格式为:
$.ajax(options)
$.ajax({ url: 'submit.aspx',datatype: "json",type: 'post',success: function (e) { //成功后回调 alert("回调函数成功了"); },error: function(e){ //失败后回调 alert("服务器请求失败"); },beforeSend: function(){ //发送请求前调用,可以放一些"正在加载"之类额话 alert("正在加载"); }})
回调函数参数的使用
后台传递的json:{"rows" : [ {"realName":"dj"},{"realName":"lwd"}] }
$.getJSON('test.json',function(data){ for (var i = 0; i < data.rows.length; i++) { $('#test').append('<p>' + data.rows[i].realName + '</p>'); } });