Javascript 将详细信息传递给模式时id未定义
我有一个由特定用户创建的配方表,当单击表中每一行上的铅笔标记时,会显示一个模式,显示此特定配方的详细信息,它应该允许用户编辑配方并将更新版本保存到数据库中。然而,尽管详细信息被正确地传递到了模式,但配方id似乎没有传递到模式,因为我已经尝试将配方id输出到控制台,它说配方id未定义。我已尝试调试此错误,但无效。有人能提供一些关于为什么会这样的见解吗Javascript 将详细信息传递给模式时id未定义,javascript,php,jquery,ajax,pdo,Javascript,Php,Jquery,Ajax,Pdo,我有一个由特定用户创建的配方表,当单击表中每一行上的铅笔标记时,会显示一个模式,显示此特定配方的详细信息,它应该允许用户编辑配方并将更新版本保存到数据库中。然而,尽管详细信息被正确地传递到了模式,但配方id似乎没有传递到模式,因为我已经尝试将配方id输出到控制台,它说配方id未定义。我已尝试调试此错误,但无效。有人能提供一些关于为什么会这样的见解吗 //Recipe.js $('.editThis').on('click', function() {
//Recipe.js
$('.editThis').on('click', function() {
var recipe_id = $(this).attr('data-id');
var request = $.ajax({
url: "ajax/displayRecipe.php",
type: "post",
dataType: 'json',
data: {recipe_id : recipe_id}
});
request.done(function (response, textStatus, jqXHR){
console.log("response " + JSON.stringify(response));
$('#name').val(response.name);
$('#date').val(response.date);
});
});
$('#editRecipe').click(function() {
var recipe_id = $(this).attr('data-id');
var name_input = $('#name').val();
var date_input = $('#date').val();
var request = $.ajax({
url: "ajax/updateRecipe.php",
type: "post",
data: {name : name_input, date : date_input, recipe_id : recipe_id},
dataType: 'json'
});
request.done(function (response, textStatus, jqXHR){
console.log(response);
});
});
//Recipe.php
<?php
$recipeObject = new recipeList($database); //Lets pass through our DB connection
$recipe = $recipeObject->getUserRecipes($_SESSION['userData']['user_id']);
foreach ($recipe as $key => $recipes) {
echo '<tr><td>'. $value['name'].'</td><td>'. $value['date'].'</td><td>'.'<a data-id = '.$value['recip_id'].' data-toggle="modal" class="edit editThis" data-target="#editRecipe"><i class="fa fa-pencil"></i></a>'.'</td></tr>';
}
?>
// editRecipe Modal
<div id="recipe" class="modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header recipe">
<h1 class="modal-title">Edit Recipe</h4>
</div>
<div class="modal-body">
<form method="post" id="updateRecipeForm">
<?php
require_once('classes/recipes.classes.php');
$recipeObject = new recipeList($database);
$recipe = $recipeObject->getRecipeDetails(recipe_id);
if(isset($_POST['submit'])) {
$updateRecipe = $recipeObject ->updateRecipe($_POST['name'], $_POST['date'], $_POST['recipe_id']);
if($updateRecipe) {
echo ("Your recipe has been updated!";
}
}
?>
<div class="form-group">
<input type="text" class="control-form" id="name" value = "<?php echo $recipe['name']; ?>">
</div>
<div class="form-group">
<input type="date" class="control-form" id="date" value = "<?php echo $recipe['date']; ?>">
</div>
</div>
<div class="form-group">
<input type="hidden" class="form-control" data-id=".$recipe['recipe_id']." id="recipe_id" name="recipe_id" value = "<?php echo $recipe['recipe_id']; ?>">
</div>
<button type="submit" class="btn recipe" id="editRecipe" data-dismiss="modal">Save</button>
</form>
</div>
</div>
</div>
</div>
//ajax - updateRecipe.php
<?php
require_once('../includes/database.php');
require_once('../classes/recipes.classes.php');
if($_POST['name'] && $_POST['date'] && $_POST['trans_id']){
$recipeObject = new recipeList($database);
echo $recipeObject->updateRecipe($_POST['name'], $_POST['date'], $_POST['recipe_id']);
}
?>
//recipes.classes.php
...
public function getRecipeDetails($recipeid){
$query = "SELECT * FROM recipe WHERE recipe_id = :recipe_id";
$pdo = $this->db->prepare($query);
$pdo->bindParam(':recipe_id', $recipeid);
$pdo->execute();
return $pdo->fetch(PDO::FETCH_ASSOC);
}
public function updateRecipe($name, $date, $recipe_id){
$query = "UPDATE recipe SET name = :name, date = :date WHERE recipe_id = :recipe_id";
$pdo = $this->db->prepare($query);
$pdo->bindParam(':name', $name);
$pdo->bindParam(':date', $date);
$pdo->bindParam(':recipe_id', $recipe_id);
$pdo->execute();
}
试试这个onclik函数
有些时候,你无法从中获得apt值,因此请尝试此方法。
我们可以使用id,但在您的情况下,您可以使用a标签,因此我们不能重复id。希望它能起作用
请尝试以下操作:
$(document).on('click', '.editThis',function() {...});
$(document).on('click','#editRecipe',function() {...});
应该是recipe_id而不是recipe_id吗?你的DB值是多少?它的recipe_id还是recipe_id?值是recipe_IDEAH我更新了我的答案,希望它能工作,如果你有任何问题,请发表评论语法错误,意外的“recipe_id”T_字符串,预期为“,”或“;”onclick=editRecipe
$(document).on('click', '.editThis',function() {...});
$(document).on('click','#editRecipe',function() {...});