我是使用PHP和JavaScript在Ajax中的新手。 我必须做一些简单的项目作为我的培训研讨会,我创建了js脚本:
$(function() {
$('#bookAdd').submit(function (e) {
e.preventDefault();
var title = $('#title').val();
var description = $('#description').val();
// console.log(title + '\n');
// console.log(description);
$.ajax({
url: "../rest/rest.php/book",
data: {
'title': title,
'description': description
},
type: 'POST',
dataType: 'json',
success: function (response) {
console.log(response);
//console.log(response['success']);
},
error: function (xhr, status, error) {
console.log('error');
}
});
});
});
其中#bookAdd是添加新书的形式,rest.php是php脚本,其中添加了适当的类并且书籍保存到DB。它看起来像这样:
<?php
//load DB config
require_once __DIR__.'/config/db.php';
$response = [];
//connect to DB
try {
$conn = new PDO(
"mysql:host=".DB_HOST.";dbname=".DB_DB.";charset=utf8"
, DB_LOGIN, DB_PASSWORD,
[PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION]
);
} catch (PDOException $e) {
$response = ['error' => 'DB Connection error: '.$e->getMessage()];
}
######### Dynamic load php class file depend on request #########
//parsing url
//if request URI is rest.php/book/1
//we will parse part book/1 and explode it
//to get name of class (book) and optional id from db (1)
$uriPathInfo = $_SERVER['PATH_INFO'];
//explode path info
$path = explode('/', $uriPathInfo);
$requestClass = $path[1];
//load class file
$requestClass = preg_replace('#[^0-9a-zA-Z]#', '', $requestClass);//remove all non alfanum chars from request
$className = ucfirst(strtolower($requestClass));
$classFile = __DIR__.'/class/'.$className.'.php';
require_once $classFile;
######### END DYNAMIC LOAD #########
$pathId = isset($path[2]) ? $path[2] : null;
if (!isset($response['error'])) {//process request if no db error
include_once __DIR__.'/restEndpoints/'.$className.'.php';
}
header('Content-Type: application/json');//return json header
if (isset($response['error'])) {
header("HTTP/1.0 400 Bad Request");//return proper http code if error
}
echo json_encode($response);
我无法找到的是我的js文件中的成功函数 - 为什么控制台日志不会显示任何内容?
答案 0 :(得分:0)
尝试在浏览器中运行.php文件,看看它是否输出了所需的结果。还尝试用php文件的绝对路径替换你的相对路径。
答案 1 :(得分:0)
好的,我修复了这个:) 在这里找到解决方案:jQuery AJAX call returns [object Object]。 只需要在我的回复中调用函数stringify。 Soo ...结论是我不能像json对象一样显示响应?我是对的吗?