gpt4 book ai didi

javascript - 点击功能上的 JQuery 按钮不起作用

转载 作者:行者123 更新时间:2023-11-28 18:40:09 25 4
gpt4 key购买 nike

我是前端编程新手,并且在项目中使用了多种(对我来说)新技术(boostrap、grails、jquery)。所以,下面的问题对于有经验的字体开发者来说可能是理所当然的事情,所以请幽默我。

问题:我无法弄清楚为什么在我的一生中,jquery scrip 中的button.click 函数没有触发。既不会触发警报,也不会触发对 URL 的实际 ajax 调用。 .gsp 文件的正文标记(包括脚本)如下。救命!

<body>
<div id="top"/>
<div class="container-fluid">
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-10">
<div class="input-group">
<input id="searchQuery" type="text" class="form-control" placeholder="${message(code: 'search.enterquery', default: 'Enter query')}" >
<span class="input-group-btn">
<button id="searchButton" class="btn btn-default" type="button"><g:message code="search.search" /></button>
</span>
</div>
</div>
<div class="col-xs-1"></div>
</div>
<div class="row">
<div id="searchResults">
Results will appear here
</div>
</div>
</div>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#searchButton").click(function() {
alert("button was clicked");
$.ajax({
type: "POST",
url: "${g.createLink(controller:'library',action:'search')}",
dataType: 'html',
data: { query: $("#searchQuery").val()},
success:function(result){
$("#searchResults").html(result);
}
error:function() {
$('#searchResults').text('An error occurred');
}
complete:function() {
}
});
});
});
</script>
</body>

最佳答案

成功和错误回调后您错过了逗号(,)。

success:function(result){
$("#searchResults").html(result);
}, //here
error:function() {
$('#searchResults').text('An error occurred');
}, //here
complete:function() {
}

关于javascript - 点击功能上的 JQuery 按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36250412/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com