gpt4 book ai didi

jquery - 从 grails 中的 gsp 页面进行 ajax 调用

转载 作者:行者123 更新时间:2023-12-01 00:03:02 24 4
gpt4 key购买 nike

我是 ajax 新手。我正在尝试从 gsp 页面向 Controller 操作发送请求。但我失败了。它没有调用 Controller 操作并且页面正在重新加载。任何人都可以看看这个并提供帮助。这是我的查看页面如下>>>

    <%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
<title>Ajax First Example</title>
<g:javascript plugin="jquery" library="jquery" src="jquery/jquery-1.7.2.js"/>
<script>
function callAjax(){
$.ajax({
url: "returnMe",
type:"post",
dataType: 'json',
// data:{ids:JSON.stringify(idList), option:option, id:id}
success: function() {
alert(1)
}
});
}
</script>
</head>
<body>
<form name='myForm'>
<input type="submit" value="Call Ajax Function" onclick="callAjax()">
</form>
</body>
</html>

这是我的 Controller 操作>>>

def returnMe = {
String msg = 'sdfsdf'
render msg as JSON
}

最佳答案

你可以试试这个:

onclick="callAjax() return false;">

或者这个:

function callAjax(e){ //<-------pass the event
e.preventDefault(); // <-----add this to prevent the default behavior
$.ajax({
.....
});
}

您按照要求完成的 ajax 调用:

function callAjax(){
$.ajax({
url: "returnMe",
type:"post",
dataType: 'json',
// data:{ids:JSON.stringify(idList), option:option, id:id}
success: function(data) {
console.log(data); //<-----this logs the data in browser's console
},
error: function(xhr){
alert(xhr.responseText); //<----when no data alert the err msg
}
});
}

关于jquery - 从 grails 中的 gsp 页面进行 ajax 调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20209460/

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