Phonegap返回对象Object,但回显正确的数据

时间:2019-02-19 10:53:52

标签: php jquery ajax phonegap

我正在使用PhoneGap和服务器端的PHP制作一个电话应用程序。 Login函数运行正常,但是AJAX返回错误[object Object],而PHP返回JSON中的正确值。

用于为现有网站制作电话应用并使用其数据库。 我的PHP打印的数据正确,但是我收到了来自Ajax的错误响应。     警报(响应)
给出错误时的[object Object]返回值

只要我尝试     警报(response.val) 我奇怪地得到了未定义的信息,但是在网络中,我可以看到打印的数据在JSON中是正确的。

 {{"user_id":"390","response":"Success"}}

但是当我在浏览器中的控制台中查看时,会看到意外的错误。

 Unexpected parameter ':'

我的ajax函数如下

$(document).ready(function () {
    $("#btnLogin").click(function () {
        var gebr = $("#login_username").val().trim();
        var pass = $("#login_password").val().trim();
        var dataString = "username=" + gebr + "&password=" + pass + "&login=";
        var msg = "";
        $("#message").html("Authenticating...");

        if (gebr != "" && pass != "") {
            $.ajax({
                type: "POST",
                data: dataString,
                dataType: "json",
                //contentType: "application/javascript",
                crossDomain: true,
                url: "http://url/page/app/index.php?&jsoncallback=?",
                headers: "application/json",
                success: function (response) {
                    var user_id = response.user_id;
                    var success = response.response;
                    localStorage.setItem("user_id", user_id);
                    window.location = "home.html";
                    alert("login successfull");
                },
                error: function (response) {
                    $("#message").html("error..");
                    alert(response);
                }
            });
        } else {
            msg = "Please fill all fields!";
            $("#message").html(msg);
        }
        return false;
    });

PHP

header('Content-type: application/json');
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST');


$gebruikersnaam = $_REQUEST['username'];
$wachtwoord = md5($_REQUEST['password']);
$user = [];


//if user and password are filled
if (!empty($gebruikersnaam) && isset($wachtwoord)) {
//checks if user_id has been found
if (!$found_user_id) { 
    $msg = "user not found!";
    print json_encode($msg);
} else {
    if (($gebruikersnaam == $user['gebruikersnaam'] && $wachtwoord == $user['wachtwoord']) && ((!empty($user['single_allowed_ip_address_for_login']) && $user['single_allowed_ip_address_for_login'] == $_SERVER['REMOTE_ADDR'])|| empty($user['single_allowed_ip_address_for_login']))) {
        //responds with this data
        $user_id = $user['user_id'];
        $response[] = array(
            'user_id' => $user_id,
            'response' => 'Success'
        );
        print json_encode($response);       
    } else {
        $msg = "user is incorrect";
        print json_encode($msg);
    }
  }
}

我一直希望获得成功的响应并将user_id保存在本地存储中,以便可以在其他页面上使用它。

编辑: 在响应上使用console.log之后,我得到了一个奇怪的对象。

​
     abort: function abort()​
     always: function always()​
     catch: function catch()​
     done: function add()​
     fail: function add()​
     getAllResponseHeaders: function getAllResponseHeaders()​
     getResponseHeader: function getResponseHeader()​
     overrideMimeType: function overrideMimeType()​
     pipe: function pipe()​
     progress: function add()​
     promise: function promise()
​
     readyState: 4
​
     setRequestHeader: function setRequestHeader()​
     state: function state()
​
     status: 200
​
     statusCode: function statusCode()
​
     statusText: "load"
​
     then: function then()​
     <prototype>: {…

这很奇怪,因为这些功能都不起作用,而且我唯一能识别的是状态码。

1 个答案:

答案 0 :(得分:0)

您需要更正JSON。 {{"user_id":"390","response":"Success"}}是无效的JSON。它必须为{"user_id":"390","response":"Success"}

您在console.log中得到一个奇怪的对象,因为response中的error: function (response)...实际上是jqXHR jQuery对象,不会直接在其参数中返回响应。坚持使用success: function(response)...并输出服务器发回的任何内容。