JQuery的Ajax请求的Grails控制器不工作

Question

在下面的“简单”的Ajax登录例子中，我使用jQuery提交表单PARAMS到圣杯的控制器。然而，实际的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()发送形式的控制器，我不明白，虽然你对网址的问题...