从 grails 中的 gsp 页面进行 ajax 调用答案

【问题标题】：Make ajax call from gsp page in grails从 grails 中的 gsp 页面进行 ajax 调用
【发布时间】：2013-12-11 03:30:54
【问题描述】：

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

    <%@ 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>

这是我的控制器操作 >>>

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

【问题讨论】：

标签： jquery ajax grails

【解决方案1】：

你可以试试这个：

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
            }
        });
    }

【讨论】：

感谢您的帮助。第一个对我有用。但它并没有为成功发出警报。只有控制器的动作被调用。我现在应该做什么？
您可以尝试将错误函数添加到您的 ajax 中，并查看您的控制器是否正确生成 "json"。
是的，我的 json 构建不正确。现在我已将其更改为 html。现在好了。但是你能给我一个完整的ajax调用结构的链接吗？谢谢。