beego获取ajax数据的实例
1.什么是AJAX
AsynchronousJavaScriptAndXML（异步JavaScript及XML），是指一种创建交互式网页应用的网页开发技术
Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
2.如何使用AJAX
XMLHttpRequest是AJAX的基础。
XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
使用AJAX大致分四步
1.创建XMLHttpRequest对象
//js代码获取XMLHttpRequest对象（保存为util.js）
functiongetXmlHttpRequest(){
varxhr;
try{
//Firefox,Opera8.0+,Safari
xhr=newXMLHttpRequest();
}catch(e){
//InternetExplorer
try{
xhr=newActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xhr=newActiveXObject("Microsoft.XMLHTTP");
}catch(e){
alert("您的浏览器不支持AJAX！");
returnfalse;
}
}
}
returnxhr;
}
2.注册状态回调函数（当XMLHttpRequest对象的readyState每次发生变化时调用该回调函数）
//当xhr.readyState==4时所有的步骤都已执行完毕
//当xhr.state==200时表示已经正确执行
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.state==200){
alter("请求已全部执行，并且成功");
}
}
3.建立与服务器的异步连接（默认为异步）
/**
open(method,url,async)方法
规定请求的类型、URL以及是否异步处理请求。
method：请求的类型；GET或POST
url：相求处理请求的url
async：true（异步）或false（同步）
通过time来保证，每次发送新的请求
*/
xhr.open("Post","/detailsU?time="+newDate().getTime());
4.发出异步请求
/**
send方法中发送json格式的字符串
*/
xhr.send('{"Index":"'+index+'","Change":"'+i+'"}');
通过以上四步就可以成功的发送请求了
附源码：
{{range.PhoneDetails}}
{{.Id}}
{{.Name}}
{{.Price}}
{{.Repertory}}
编辑
functionfunc1(x){
varcode=prompt("请输入调整的库存大小：");
if(code!=null&&code!=""){
vari=parseInt(code);
if(isNaN(i)){
alert('输入错误');
}else{
varxhr=getXmlHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.state==200){
alter("请求已全部执行，并且成功");
}
}
varindex=x.rowIndex;
xhr.open("Post","/detailsU?time="+newDate().getTime());
xhr.send('{"Index":"'+index+'","Change":"'+i+'"}');
alert('修改成功');
}
}else{
alert('输入错误');
}
}
{{end}}
3.在beego中处理AJAX的请求
1.首先在models层的models.go中创建数据的结构
/**
要与传过来的json格式字符串对应
'{"Index":"'+index+'","Change":"'+i+'"}'
*/
typeObjectstruct{
Indexstring
Changestring
}
2.注册相应的路由
/**
在main.go当中注册相应的路由（注意与对应路由设置好）
xhr.open("Post","/detailsU?time="+newDate().getTime());
"Post:DoUpdate"用来注册当Post方法请求该URL处理的函数
*/
beego.Router("/detailsU",&controllers.DetailController{},"Post:DoUpdate")
3.在controller中写好相应的处理函数
/**
在对应的函数中处理相应的请求
json.Unmarshal(this.Ctx.Input.RequestBody,ob)
通过json来解析穿过来的数据，并将数据存储在ob对象中
在app.conf中设置copyrequestbody=true
*/
func(this*DetailController)DoUpdate(){
ob:=&models.Object{}
json.Unmarshal(this.Ctx.Input.RequestBody,ob)
db,err:=sql.Open("mysql","用户名:密码@tcp(IP:3306)/数据库名")
result,err:=db.Exec("UPDATE数据表名SET字段=?WHEREid=?",ob.Change,ob.Index)
iferr!=nil{
beego.Error(err)
return
}else{
fmt.Println(result)
}
}
以上这篇beego获取ajax数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。