beego 获取字符串中的数据_beego获取ajax数据的实例

1. 什么是AJAX

Asynchronous JavaScript And XML(异步 JavaScript 及 XML),是指一种创建交互式网页应用的网页开发技术

Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

2. 如何使用 AJAX

XMLHttpRequest 是 AJAX 的基础。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

使用AJAX大致分四步

1. 创建XMLHttpRequest 对象

//js代码获取XMLHttpRequest 对象(保存为util.js)

function getXmlHttpRequest() {

var xhr;

try {

// Firefox, Opera 8.0+, Safari

xhr = new XMLHttpRequest();

} catch (e) {

// Internet Explorer

try {

xhr = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

xhr = new ActiveXObject("Microsoft.XMLHTTP");

} catch (e) {

alert("您的浏览器不支持AJAX!");

return false;

}

}

}

return xhr;

}

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=" + new Date().getTime());

4.发出异步请求

/**

send方法中发送json格式的字符串

*/

xhr.send('{"Index":"'+index +'", "Change":"' + i +'"}');

通过以上四步就可以成功的发送请求了

附源码:

{{range .PhoneDetails}}

{{.Id}}{{.Name}}{{.Price}}{{.Repertory}}

编辑

function func1(x) {

var code = prompt("请输入调整的库存大小:");

if(code != null && code != "") {

var i = parseInt(code);

if(isNaN(i)) {

alert('输入错误');

} else {

var xhr = getXmlHttpRequest();

xhr.onreadystatechange = function() {

if(xhr.readyState == 4 && xhr.state == 200) {

alter("请求已全部执行,并且成功");

}

}

var index = x.rowIndex;

xhr.open("Post", "/detailsU?time=" + new Date().getTime());

xhr.send('{"Index":"' + index + '", "Change":"' + i + '"}');

alert('修改成功');

}

} else {

alert('输入错误');

}

}

{{end}}

3. 在beego中处理AJAX的请求

1. 首先在models层的models.go中创建数据的结构

/**

要与传过来的json格式字符串对应

'{"Index":"'+index +'", "Change":"' + i +'"}'

*/

type Object struct {

Index string

Change string

}

2. 注册相应的路由

/**

在main.go当中注册相应的路由(注意与对应路由设置好)

xhr.open("Post", "/detailsU?time=" + new Date().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 字段= ? WHERE id = ?",ob.Change, ob.Index)

if err != nil{

beego.Error(err)

return

}else{

fmt.Println(result)

}

}

以上这篇beego获取ajax数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

本文标题: beego获取ajax数据的实例

本文地址: http://www.cppcns.com/jiaoben/golang/215369.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值