加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

关于异步获取的四种方式,以Grails框架为例

发布时间:2020-12-16 00:53:36 所属栏目:百科 来源:网络整理
导读:第一种 Get异步获取: 前台: function getdata(){ $.get("${createLink(action: "getdate")}",{"id":1},function(data){ $("#show").html(data) }) } 后台: def getdate(){ render("hahaha") } 第二种 Post方式获取: 前台: function getdata1(){ //Post
第一种 Get异步获取:
前台:
function getdata(){

$.get("${createLink(action: "getdate")}",{"id":1},function(data){
$("#show").html(data)
})
}

后台:
def getdate(){

render("hahaha")

}


第二种 Post方式获取:
前台:
function getdata1(){ //Post异步获取

$.post("${createLink(action: "getdate1")}",function(data){
$("#show").html("姓名:"+data.name+"<br/>地址:"+data.address+"<br/>性别:"+data.sex+"<br/>年龄:"+data.age)
},"json")
}


后台:
def getdate1(){

Student student = Student.findById(Integer.parseInt(params.id))
render student as JSON

}

第三种 Ajax异步获取:
前台:
function getdata2(){

$.ajax({
url:"${createLink(action: "getdate2")}",
data:{id:2},
type:"POST",
dataType:"json",
success:function(data){
$("#show").html("姓名:"+data.name+"<br/>地址:"+data.address+"<br/>性别:"+data.sex+"<br/>年龄:"+data.age)
},
error:function(er){
alert("失败")
}
})
}

后台:
def getdate2(){

Student student = Student.findById(Integer.parseInt(params.id))
render student as JSON

}

第四种 getJSON异步获取:
前台:
function getdata3(){

$.getJSON("${createLink(action: "getdate3")}",{id:3},function(data){
$("#show").html("姓名:"+data.name+"<br/>地址:"+data.address+"<br/>性别:"+data.sex+"<br/>年龄:"+data.age)
})


}

后台:
def getdate3(){ //ajax getJSON方式获取

Student student = Student.findById(Integer.parseInt(params.id))
render student as JSON

}

(编辑:李大同)

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

    推荐文章
      热点阅读