ajax使用，前端与后端交互

发布时间：2020-12-16 03:17:29 所属栏目：百科来源：网络整理

导读：1、$.get $.get()方法使用GET方式来进行异步请求，它的语法结构为： $.get( url [,data] [,callback] ) $.get("submit.php",{id:'123',name:'小王',},function(data,state){ //这里显示从服务器返回的数据 alert(data); //这里显示返回的状态 if(state == 'ok

1、$.get
$.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>');
   }
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!