好的,所以我彻底搜刮了stackoverflow寻找解决方案,可以使我的代码工作,我相信我很接近,但我不能确切地告诉我为什么我的代码不工作。Ajax新手学习(golang jquery)
因此,我正在尝试构建一个动态内容页面,并且通过点击将ajax请求发送到我的笔记中,以允许它们被扩展,查看和编辑。
继承人的脚本,我试图使用方法:
$('.notes').on('click',function (e){
alert("ok");
$.ajax({
type:'GET',
url :'localhost:8080/editnote',
dataType: 'html',
success: function(data) {
console.log('success',data);
$('#interactive').html(data);
},
error: function(jqXHR,textStatus,errorThrown){
alert('Exception:'+errorThrown);
}
});
e.preventDefault();
});
现在,这里是golang片断我试图让它与互动。它似乎没有连接到我的服务器,因为handlefunc从未注册故障排除fmt println。
handlefunc片段:
func test(w http.ResponseWriter, r *http.Request) {
fmt.Println("code got here")
s := `Here is some text from test`
fmt.Fprintln(w, s)
}
,这里是主要的()片段:
func main() {
http.HandleFunc("/editnote", test)
http.ListenAndServe(":8080", nil)
}
这里任何有识之士将高度重视。非常感谢你回顾这个问题。
编辑:我忘了提及脚本的警报成功激发,所以点击脚本正在工作,而不是ajax。
EDIT2:通过开发者控制台:
Uncaught TypeError: $.ajax is not a function
at HTMLDivElement. ((index):153)
at HTMLDivElement.dispatch (jquery-3.2.1.slim.min.js:3)
at HTMLDivElement.q.handle (jquery-3.2.1.slim.min.js:3)
更新:看来这里的问题,我没有经过一番挖掘有关控制台是我是使用jQuery 3.2.1的缩小版本。切换到缩小的非slim版本后,我收到服务器对查询的响应!我仍然有很多工作要做,但这是一个非常有价值的解决方案!非常感谢帮助我诊断此问题的所有人!
+1
你能通过浏览器访问'http:// localhost:8080/editnote'吗?如果是的话,这不是一个问题。然后你必须引用jquery ajax文档。 –
+0
第二@ jeevatkm的笔记。排除故障时隔离每个部件。自己测试你的HTTP API,看看它是否工作,然后移动到UI部分。 –
+0
是的,我可以通过浏览器访问它。 –