Question

在下面的'简单'Ajax登录示例中，我使用JQuery将表单参数提交给Grail的控制器。但是，实际URL与ajax调用中配置的控制器URL不匹配。

HTML：

<div id="loginForm">
        <div id="ajaxLoginError">
        </div>
        <form name="ajaxLoginForm" action="ajaxLogin" id="ajaxLoginForm">
            <span class="pic"></span>
            <span class="close"></span>
            <input type="text" name="username" class="text focus" default="Username"
                value="${user?.username}" />
            <input type="password" name="password" class="text focus"
                default="Password" value="${user?.password}" />
            <button type="submit" name="login" id="ajaxLoginBtn">
                <span class="button"><span>Login</span> </span>
            </button>
            <label> <input type="checkbox" class="check" name="remember" />Remember
                me</label>
            <a href="#">Forgot username or password?</a>
        </form>
    </div>

使用Javascript：

$('#ajaxLoginBtn').click(function() {
    $('#ajaxLoginError').fadeOut();
    $.ajax({
        url: "${createLink(controller: 'user', action: 'ajaxLogin')}",
        type: 'GET',
        data: queryString,
        dataType: 'json',
        success: function(data) {
            if (data.isAuthenticated) {
                // Display user bar
                $('#loginUserBar').slideDown();
            }else {
                $('#ajaxLoginError').html(data.errorMsg).fadeOut();
            }
        }
    });
});

此外，任何人都可以验证我的控制器逻辑。我认为这是解析JSON响应的正确方法吗？

服务器：

def ajaxLogin = {
    boolean isExists = false
    String errorMsg = ""
    def foundUser = User.findByEmailAndPassword(params.username, params.password) 
    if (foundUser) {
        isExists = true
    }else {
        errorMsg = "Login unsuccessful! Either the username, or password entered is incorrect."
    }
    render(content: 'text/json',
        loginResponse(isAuthenticated: isExists, errorMsg: errorMsg));
}

同样，我还需要做些什么来明确强制Grails使用JQuery作为主要的javascript插件吗？

Answer 1

有很多不同的问题......： - ）

1）有什么我需要做的就是明确强制Grails使用JQuery作为主要的javascript插件吗？

安装jquery插件（如果尚未安装）。你也可以放一个

<g:setProvider library="jquery"/>

在您的GSP（或您的布局）的开头，明确地将JQuery设置为提供者

2）这是解析JSON响应的正确方法吗？

    log.info("Receive send request");
    def contentType = request.getHeader('Content-Type')
    log.trace("receive with ContentType: " + contentType)
    if (contentType && contentType.contains('application/json')) {            
        def results = request.JSON
        log.info("results received : ${results}")
    }

您可以添加if (request.xhr){}来测试ajax调用

3）任何人都可以验证我的控制器逻辑。

没有什么可说的逻辑本身，你检查现有的登录名/密码

4）实际URL与ajax调用中配置的控制器URL不匹配。

很难回答你告诉我们的事情。 jQuery的ajax调用似乎很好，但我们对queryString的内容一无所知。我通常使用$("#myForm").serialize()将表单发送给控制器我不明白你的URL问题......

对Grails Controller的JQuery Ajax请求不起作用

1 个答案: