我试图通过使用 MVC 模型的 JQuery、AJAX/JSON 和 PHP 从我的 HTML 代码向我的数据库添加数据。下面是我想要实现的一个小样本。
在我的前端,我有一个带有不同选项的复选框和一个名为“添加”的按钮。从这里选择的元素由我已经正确测试过的 Javascript 函数拾取,一旦完成,我调用另一个 Javascript 函数来执行 AJAX/JSON 。我仍然对将数据发送到 PHP 的实际 AJAX/JSON 过程感到新鲜。
我的 Javascript 函数:
function add_fruits(fruit_name, fruit_type){
var success = "Fruit added";
var error = "Fruit not added";
var params = {
'fruit_name' : fruit_name,
'fruit_type' : fruit_type
};
$.ajax({
type: "POST",
url: "add_fruits.php",
async: false,
data: params,
success: function(success){
alert(success);
},
error: function(error){
alert(error);
}
});
}
我的PHP函数:
<?php
header("Access-Control-Allow-Origin: *");
header('Content-type: application/json');
require_once 'lib/connection_files.php';
if($_SERVER['REQUEST_METHOD'] =='POST')
{
$fruit_name = no_sql_injection($_POST['fruit_name']);
$fruit_type = no_sql_injection($_POST['fruit_type']);
$fruits = new fruits();
$result = $fruits->add_fruits($fruit_name, $fruit_type);
$tmp = mysql_num_rows($result);
if($result == 1)
{//RESULT must return 1 to verify successful insertion to database
//send confirmation to front end
}
else
{
//send error message to front end
}
}
else{
//tell front end there was error sending data via AJAX
}
?>
请注意, add_fruits() 函数负责对数据库进行查询,我没有在此处包含它,因为它与我的问题无关。