关于异步获取的四种方式,以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
}
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |