javascript - 获取数组作为 Ajax 请求的响应

Question

我使用以下 Ajax 请求来传递数据:

var query = {   
 "username" : $('#username').val(),
 "email" : $('#email').val(), 
}

$.ajax({    
    type : "POST",  
    url : "system/process_registration.php",    
    data : query,   
    cache : false,  
    success : function(html) { 
        // output
        }
    });

我的 php 文件 (process-registration.php)，其中正在处理查询，如下所示:

require_once 'db.php';

$username = $_REQUEST['username'];
$email = $_REQUEST['email'];

// Include new user into database
$db -> query("INSERT INTO users (username, email) VALUES ('$username', '$email');");

//Identify user id of this new user (maybe there is a faster way???)
$results = $db -> query("SELECT * FROM users WHERE username='$username'");
while ($result = $results->fetch_assoc()) {
    $user_id = $result['id'];
}

// My output?

现在我的问题是:如何告诉 Ajax 命令/PHP 脚本返回两个元素:

• HTML 消息:<p>You have registered successfully</p>
• 我通过上面的循环识别的 $user_id

我需要 user_id，因为在前端我想将它作为 GET 参数包含到“转到管理区域”按钮的 href 中，该按钮将在 Ajax 请求完成后出现。

Answer 1

试试这个:

$response = array('user_id'=>$user_id,'message'=>'Success - user created');
echo json_encode($response);

这将返回一个可以在 JS 中访问的 json 对象。

$.ajax({    
    type : "POST",  
    url : "system/process_registration.php",    
    data : query,   
    cache : false,
    dataType: 'json',  
    success : function(html) { 
        // output - do something with the response
        console.log(html.user_id);
        console.log(html.message); 
        }
    });