您现在的位置是:网站首页> 编程资料编程资料

beego获取ajax数据的实例_Golang_

2023-05-26 460人已围观

简介 beego获取ajax数据的实例_Golang_

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 +'"}');

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

附源码:

3. 在beego中处理AJAX的请求

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

2. 注册相应的路由

3. 在controller中写好相应的处理函数

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

-六神源码网