当前位置: 首页 > 工具软件 > jQuery-pjax > 使用案例 >

jquery ajax golang,Ajax新手学习(golang jquery)

夏俊杰
2023-12-01

好的,所以我彻底搜刮了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

是的,我可以通过浏览器访问它。 –

 类似资料: