这里有两个基本问题：你不了解 JSONP 的局限性，以及你错误地使用了 PDO。
PDO
PDO 的使用有几种模式。（为了清晰和代码重用，您可以抽象这些模式，但从根本上说，您必须按此顺序使用对象。）
简单查询
// 1. Get a database handle
$dh = new PDO($DSN, $USERNAME, $PASSWORD, array(PDO::ATTR_ERRMODE=>PDO::ERRMODE_EXCEPTION));
// 2. Issue a string query, no bindings!
$cursor = $dh->query('SELECT 1');
// 3. read results. There are many ways to do this:
// 3a. Iteration
foreach ($cursor as $row) {
//...
}
// 3b. *fetch*
// You can use any one of multiple fetch modes:
// http://php.net/manual/en/pdostatement.fetch.php
while ($row = $cursor->fetch()) {
//...
}
// 3c. *fetchAll*
// *fetchAll* can also do some aggregation across all rows:
// http://php.net/manual/en/pdostatement.fetchall.php
$results = $cursor->fetchAll();
// 3d. *bindColumn*
$cursor->bindColumn(1, $id, PDO::PARAM_INT);
while ($cursor->fetch(PDO::FETCH_BOUND)) {
//$id == column 1 for this row.
}
// 4. close your cursor
$cursor->closeCursor();
准备好的报表
// 1. Get a database handle
$dh = new PDO($DSN, $USERNAME, $PASSWORD, array(PDO::ATTR_ERRMODE=>PDO::ERRMODE_EXCEPTION));
// 2. Prepare a statement, with bindings
$cursor = $dh->prepare('SELECT id, name FROM mytable WHERE name = :name');
// 3. Bind parameters to the statement. There are three ways to do this:
// 3a. via *execute*:
$cursor->execute(array(':name'=>$_GET['name']));
// 3b. via *bindValue*
$cursor->bindValue(':name', $_GET['name']);
// 3c. via *bindParam*. In this case the cursor receives a *reference*.
$name = 'name1';
$cursor->bindParam(':name', $name); // name sent to DB is 'name1'
$name = 'name2'; // name sent to DB is now 'name2'!
$name = 'name3'; // now it's 'name3'!
// 4. Execute the statement
$cursor->execute();
// 5. Read the results
// You can use any of the methods shown above.
foreach ($cursor as $row) { // Iteration
// ...
}
// 6. Don't forget to close your cursor!
// You can execute() it again if you want, but you must close it first.
$cursor->closeCursor();
JSONP
您的代码还有许多其他问题似乎归结为您不清楚浏览器和服务器之间的线路上传输的内容。
JSONP 是一种绕过浏览器对跨域请求的限制的技术。它通过向script当前页面添加一个带有 url 和callback=查询参数的元素来工作。服务器使用 JSON 准备响应，然后将回调字符串包装在 JSON 周围，将响应转换为函数调用。
例子：
函数 doSomething(response) { response.name === 'bob'; response.callback === 'doSomething'; }
在服务器上：
header('Content-Type: text/javascript;charset=utf-8'); // NOT application/json!
echo $_GET['callback'], '(', $json_encode($_GET), ')';
回到浏览器，它返回的脚本是：
doSomething({"name":"bob","callback","doSomething"})
如您所见，JSONP 从根本上说是一种 hack。它不使用 XMLHttpRequest。jQuery 在其函数中做了一些事情来伪造它$.ajax()，但它仍然存在无法逃脱的限制：
- 唯一可能的方法是 GET（无 POST），因为它就是这样
script src=做的。
- 将数据传递到服务器的唯一方法是通过查询字符串。
- 您的响应“回调”必须可从全局范围访问。
- 这是一个巨大的安全漏洞。您必须完全信任终端服务器，因为它可以输出它想要的任何脚本。
如果可能，请使用CORS而不是 JSONP。
建议的解决方案
这是一种未经测试的、建议的方式来做你想做的事。
一些注意事项：
- 注册网址是http://example.org/register。它总是返回 JSON，即使是错误的（你可以改变它）。它还发出 CORS 标头，因此您可以使用来自其他域的 XHR POST 到它。
- 服务器代码有一点抽象：
serviceRegisterRequest()是执行 URL 操作的主要功能。它说明了如何使用 PDO 进行适当的异常处理。它返回 HTTP 响应的抽象。userExists()并createUser()展示如何使用 PDO 准备好的语句。createUser()说明正确使用该crypt()方法来加密您的密码。（不要存储明文密码！）emitResponse()展示了如何设置 CORS 标头以及如何生成 JSON 输出。
在浏览器上，http://example.COM/register：
<!DOCTYPE html>
<html>
<head>
<title>test registration</title>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
</head>
<body>
<form id="theform">
<input name="u">
<input name="p" type="password">
</form>
<script>
$('#theform').submit(function(e){
$.ajax({
url: 'http://example.org/register',
type: 'POST',
data: $(e.target).serialize()
}).done(function(response){
console.log('SUCCESS: ');
console.log(response);
}).fail(function(jqXHR, textStatus){
console.log('FAILURE: ');
if (jqXHR.responseText) {
console.log(JSON.parse(jqXHR.responseText));
}
});
});
</script>
</body>
在服务器上：
function userExists($dbh, $name) {
$ps = $dbh->prepare('SELECT id, Username FROM user WHERE Username = ?');
$ps->execute(array($name));
$user = $ps->fetch(PDO::FETCH_ASSOC);
$ps->closeCursor();
return $user;
}
function createUser($dbh, $name, $pass, $salt) {
$ps = $dbh->prepare('INSERT INTO user (Username, Password) VALUES (?,?)';
$crypt_pass = crypt($pass, $salt);
$ps->execute(array($name, $crypt_pass));
$user_id = $dbh->lastInsertId();
$ps->closeCursor();
return array('id'=>$user_id, 'name'=>$name);
}
function serviceRegisterRequest($method, $data, $salt, $DBSETTINGS) {
if ($method==='POST') {
$dbh = new PDO($DBSETTINGS['dsn'],$DBSETTINGS['username'],$DBSETTINGS['password']);
$dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$response = array('status'=>200,'header'=>array(),'body'=>array());
$dbh->beginTransaction(); // if using MySQL, make sure you are using InnoDB tables!
try {
$user = userExists($dbh, $data['u']);
if ($user) {
$response['status'] = 409; // conflict
$response['body'] = array(
'error' => 'User exists',
'data' => $user,
);
} else {
$user = createUser($dbh, $data['u'], $data['p'], $salt);
$response['status'] = 201; //created
$response['header'][] = "Location: http://example.org/users/{$user['id']}";
$response['body'] = array(
'success' => 'User created',
'data' => $user,
);
}
$dbh->commit();
} catch (PDOException $e) {
$dbh->rollBack();
$response['status'] = 500;
$response['body'] = array(
'error' => 'Database error',
'data' => $e->errorInfo(),
);
} catch (Exception $e) {
$dbh->rollBack();
throw $e; // rethrow errors we don't know about
}
return $response;
}
}
function emitResponse($response) {
// restrict allowed origins further if you can
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST');
foreach ($response['header'] as $header) {
header($header);
}
header('Content-Type: application/json', true, $response['status']);
$output = json_encode($response['body']);
header('Content-Length: '.strlen($output));
echo $output;
exit();
}
$DBSETTINGS = array(
'dsn'=>'mysql:...',
'username' => 'USERNAME',
'password' => 'PASSWORD',
);
$salt = '$6$rounds=5000$MyCr4zyR2nd0m5tr1n9$';
$response = serviceRegisterRequest($_SERVER['REQUEST_METHOD'], $_POST, $salt, $DBSETTINGS);
emitResponse($response);