【发布时间】：2017-04-28 21:29:03
【问题描述】：
我有这个网络应用程序，我只使用了四个动态脚本。
简介：
- Init.php = 数据库，
- index.php = 网页，
- api.php = 从服务器获取信息/将信息发布到服务器，
- drive.js = 从 api.php 获取信息并将其显示到 index.php 或发布时转到 api.php
所以我只是想通过 jquery ajax 的 post 方法添加一个人。但是我的代码中有这个语法错误，主要是我的 addPerson 函数的 drive.file：
json.parse json 数据第 1 行第 1 列的意外字符
// populate people/states, also person/visit form submit
$(document).ready(function(){
populatePeople();
populateStates();
displayData();
$('#addPersonSubmit').click(function(e){
e.preventDefault();
addPerson();
});
$('#addVisitSubmit').click(function(e){
e.preventDefault();
addVisit();
});
});
//display selected person
function displayData()
{
$("#SelectHumanDropDown").change(function(){
$.ajax({
type: "GET",
url: "api/visits",
dataType: "json",
success: function(data)
{
var i = $("#SelectHumanDropDown").val();
$("#displayInfo").empty();
var firstName = data[i]["firstname"];
var lastName = data[i]["lastname"];
var food = data[i]["food"];
var stateAbb = data[i]["stateabb"];
var stateName = data[i]["statename"];
var dateVisit = data[i]["date_visited"];
$("#displayInfo").append(
"First name: " + firstName +
"<br> Last name: " + lastName +
"<br> Favorite food: " + food +
"<br> Visited : " + stateAbb + " " + stateName +
"<br> on " + dateVisit);
}
});
});
}
//populate people's dropdowns
function populatePeople()
{
$.ajax({
type:"GET",
url:"api/people",
dataType:"json",
success : function(data)
{
//console.log('success');
//console.log(data);
$("#SelectHumanDropDown").empty();
$("#humanNameDropDown").empty();
var len = data.length;
for(var i = 0; i < len; i++)
{
var id = data[i]["id"];
var firstname = data[i]["firstname"];
$("#SelectHumanDropDown").append("<option value='" + id + "'>" + firstname + "</option>");
$("#humanNameDropDown").append("<option value='" + id + "'>" + firstname + "</option>");
}
},
error : function(data)
{
console.log('failed');
console.log(data);
}
});
}
//populate state dropdown
function populateStates()
{
$.ajax({
type:"GET",
url:"api/states",
dataType:"json",
success : function(data)
{
//console.log('success');
//console.log(data);
$("#stateNameDropDown").empty();
var len = data.length;
for(var i = 0; i < len; i++)
{
var id = data[i]["id"];
var stateName = data[i]["statename"];
$("#stateNameDropDown").append("<option value='" + id + "'>" + stateName + "</option>");
}
},
error : function(data)
{
console.log('failed');
console.log(data);
}
});
}
//Add person to database
function addPerson()
{
$.ajax({
type: "POST",
url: "api/people", // api/people
data: $("#personForm").serialize(),
success: function(data,status,xhr)
{
console.log(data);
console.log(status);
console.log(xhr);
console.log($("#personForm").serialize());
console.log("You have added a person");
populatePeople();
displayData();
},
error: function(data,status,xhr)
{
console.log(data);
console.log(status);
console.log(xhr);
console.log($("#personForm").serialize());
console.log("error");
//populatePeople();
//displayData();
}
});
}
//Add visit to database
function addVisit()
{
$.ajax({
type: "POST",
url: "api/visits", // api/visits
data: $("#humanNameDropDown, #stateNameDropDown, #visitForm").serialize(),
success: function(data)
{
console.log(data);
console.log($("#visitForm").serialize());
console.log("You have added a visit");
},
error: function(data)
{
console.log(data);
console.log($("#visitForm").serialize());
}
});
}
我也有我的数据库，它是 init.php
<?php
// Define variables.
$host = "localhost";
$user = "root";
$password = "root";
$database = "myDB";
//Create connection
$connection = mysqli_connect($host, $user, $password);
// Check connection
if(!$connection){
die("Could not connect: " . mysqli_connect_error());}
else{
echo "Connection successfully \n";
}
// Drop database
$dropDB = "DROP DATABASE myDB";
// Check drop database
if($connection->query($dropDB) === TRUE){
echo "Database myDB was successfully dropped \n";
} else {
echo "Error dropping database: \n" . $connection->error;
}
//Create Database called "myDB"
$db = "CREATE DATABASE IF NOT EXISTS myDB";
//Check Datebase
if($connection->query($db) === TRUE){
echo "Database created successfully \n";
} else {
echo "Error creating database: \n" . $connection->error;
}
// Select Database
$connection->select_db($database);
//Create States Table
$statesTable = "CREATE TABLE IF NOT EXISTS States
(
id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,
stateabb varchar(2) NOT NULL,
statename varchar(40) NOT NULL
)";
// Create People Table
$peopleTable = "CREATE TABLE IF NOT EXISTS People
(
id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,
firstname varchar(40) NOT NULL,
lastname varchar(40) NOT NULL,
food varchar(40) NOT NULL
)";
// Create Visit Table
$visitTable = "CREATE TABLE IF NOT EXISTS Visits
(
id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,
p_id INT(40) NOT NULL,
s_id INT(40) NOT NULL,
FOREIGN KEY (p_id) REFERENCES People(id),
FOREIGN KEY (s_id) REFERENCES States(id),
date_visited varchar(40) NOT NULL
)";
//Check States Table
if($connection->query($statesTable) === TRUE)
{
echo "States Table created successfully \n";
}
else
{
echo "States Table wasn't created \n" . $connection->error;
}
//Check People Table
if($connection->query($peopleTable) === TRUE)
{
echo "People Table created successfully \n";
}
else
{
echo "People Table wasn't created \n" . $connection->error;
}
//Check Visit Table
if($connection->query($visitTable) === TRUE)
{
echo "Visit Table created successfully \n";
}
else
{
echo "Visit Table wasn't created \n" . $connection->error;
}
// Insert data into states table
$insertData = " INSERT INTO States (stateabb, statename)
VALUES ('LA', 'Louisiana');";
$insertData .= "INSERT INTO States (stateabb, statename)
VALUES ('FL', 'Florida');";
$insertData .= "INSERT INTO States (stateabb, statename)
VALUES ('TX', 'Texas');";
$insertData .= "INSERT INTO States (stateabb, statename)
VALUES ('NM', 'New Mexico');";
$insertData .= "INSERT INTO States (stateabb, statename)
VALUES ('ID', 'Idaho');";
$insertData .= "INSERT INTO States (stateabb, statename)
VALUES ('IA', 'Iowa');";
$insertData .= "INSERT INTO States (stateabb, statename)
VALUES ('ME', 'Maine');";
$insertData .= "INSERT INTO States (stateabb, statename)
VALUES ('NV', 'Nevada');";
$insertData .= "INSERT INTO States (stateabb, statename)
VALUES ('NY', 'New York');";
$insertData .= "INSERT INTO States (stateabb, statename)
VALUES ('UT', 'Utah');";
// Insert data into people table
$insertData .= "INSERT INTO People (firstname, lastname, food)
VALUES ('Paul', 'Chu', 'Rice');";
$insertData .= "INSERT INTO People (firstname, lastname, food)
VALUES ('Chui', 'Chu', 'Steak');";
$insertData .= "INSERT INTO People (firstname, lastname, food)
VALUES ('Pandalord', 'Chu', 'Cookies');";
$insertData .= "INSERT INTO People (firstname, lastname, food)
VALUES ('LordBabyPanda', 'Chu', 'Milk');";
// Insert data into Visits table
$insertData .= "INSERT INTO Visits (p_id, s_id, date_visited)
VALUES ('1', '1', '1994/07/14');";
$insertData .= "INSERT INTO Visits (p_id, s_id, date_visited)
VALUES ('1', '2', '1994/07/14');";
$insertData .= "INSERT INTO Visits (p_id, s_id, date_visited)
VALUES ('2', '10', '1994/07/14');";
$insertData .= "INSERT INTO Visits (p_id, s_id, date_visited)
VALUES ('3', '9', '1994/07/14');";
$insertData .= "INSERT INTO Visits (p_id, s_id, date_visited)
VALUES ('4', '7', '1994/07/14');";
// Check stateData in table
if($connection->multi_query($insertData) === TRUE)
{
$lastID = $connection->insert_id;
echo "insertData create successfully. Last inserted ID is: \n" . $lastID;
}
else
{
echo "Error: \n" . $connection->error;
}
//Close Connection
$connection->close();
?>
另外，我有我的 index.php 和 api.php 作为链接，所以这个页面不会很长。
【问题讨论】：
-
那么您在控制台中看到的 php 文件的输出是什么？
-
该错误通常意味着返回的不是有效的 JSON。检查实际响应文本
-
@u_mulder 哦，我很抱歉，所以当我添加一个人时，我会看到我输入的实际信息，例如。 parsererror drive.js:128:4 SyntaxError：JSON.parse：JSON 数据堆栈跟踪的第 1 行第 1 列的意外字符：Nb@ajax.googleapis.com/ajax/libs/jquery/3.1.1/…A@ajax.googleapis.com/ajax/libs/jquery/3.1.1/….send/c/ajax.googleapis.com/ajax/libs/jquery/3.1.1/… 驱动器。 js:129:4 firstName=Bob&lastName=Burgers&favoriteFood=Pizza drive.js:130:4 错误
-
@RoryMcCrossan 嘿，Rory，所以它说未定义。天啊！ O_O
-
@Everyone 所以我解决了，因为在我的 api.php 中，我从来没有返回过 json。谢谢你们。 :D
标签： javascript php jquery json ajax