Gin 与 Ajax XMLHttpRequest

成震1971

已于 2022-10-22 21:17:59 修改

阅读量444

点赞数

分类专栏： go 文章标签： ajax gin javascript

于 2022-10-22 21:14:50 首次发布

本文链接：https://blog.csdn.net/chengzhc2012/article/details/127467487

版权

go 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这篇博客探讨了两种使用AJAX与Gin框架进行数据交互的方法。首先，展示了通过Query参数在URL中传递mobile变量，并在Gin中使用`c.Query()`获取。其次，讲解了POST请求中如何通过`c.GetRawData`读取数据。示例代码详细展示了客户端JavaScript与服务端Gin的实现细节。

摘要由CSDN通过智能技术生成

模式1 ajax url传参，gin使用Query

========== js ===============

var request = new XMLHttpRequest();
request.open("POST", "/get_verify?mobile="+mobile.value);
request.setRequestHeader("Content-Type","application/x-www-urlencode");

request.onreadystatechange = function() {
if(this.readyState === 4 && this.status === 200) {
console.log( request.responseText)
}else{

}
};
request.send()

=========== gin ================

func GetVerify(c *gin.Context){
mobile := c.Query("mobile")
fmt.Println("mobile=",mobile)
}

模式2 ajax send()发送，gin GetRawData()接受

============= js ==============

var request = new XMLHttpRequest();
request.open("POST", "/get_verify?mobile="+mobile.value);
request.setRequestHeader("Content-Type","application/x-www-urlencode");

request.onreadystatechange = function() {
if(this.readyState === 4 && this.status === 200) {
console.log( request.responseText)
}else{

}
};
request.send()

========== gin ==========

func GetVerify(c *gin.Context){
mobile := c.GetRawData
fmt.Println("mobile=",mobile)
}