在Ajax调用中获取Type Error

时间:2014-07-22 15:47:56

标签: jquery ajax rhomobile

在我的rhomobile应用程序中使用ajax调用,当我发出请求时,我在控制台中收到类型错误,但没有得到我错误的地方。

这是我的代码

$( document ).ready(function() {
    $("#btn_login").on("click",function(){
        alert("hi");
        var username = $('#txt_username').val();
        var password = $('#txt_password').val();
        alert(username+","+password)
        $.ajax({
            url: 'app/Login/login_request',
            dataType: 'json',
            data: {username: $('#txt_username'),
                    password: $('#txt_password')
                    },
            type: 'GET'
        }).done(function(data){
            alert(data);
        });
    });
});

请帮帮我。

2 个答案:

答案 0 :(得分:2)

我认为你的ajax调用应该是:

$("#btn_login").on("click",function(){
        alert("hi");
        var username = $('#txt_username').val();
        var password = $('#txt_password').val();
        console.log(username+","+password)

        $.ajax({
            url: 'app/Login/login_request',
            dataType: 'json',
            data: {username: username ,
                    password: password 
                    },
            type: 'GET'
        }).done(function(data){
            alert(data);
        });

    });

因为您发送的对象不是值。并使用Console.log进行调试。

答案 1 :(得分:1)

试试这个。

<input type="text" id="txt_username">
<input type="password" id="txt_password">
<input id="btn_login" type="submit">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#btn_login").on("click",function(){
        //alert("hi");
        var username = $('#txt_username').val();
        var password = $('#txt_password').val();
        //alert(username+","+password)
        $.ajax({
            url: 'app/Login/login_request',
            dataType: 'json',
            data: {username: username,password: password},
            type: 'GET'
        }).done(function(data){
            alert(data);
        });
    });
});
</script>