除了DeleteUser(id)之外的所有其他函数都不起作用我只能使用post方法传递第一个变量我认为这是我已经尝试过很多次的“id”并且在addRecord.php脚本中它给了我
PHP Notice: Undefined index: id1, PHP Notice: Undefined index: date1
并且继续，但是对于 DeleteUser(id) 它工作正常我正在尝试这个 LINK教程和替换的表格详细信息，它很好地显示了表格和按钮，但我无法从中添加记录和更新记录
function addRecord() {
// get values
var id = $("#id").val();
var date = $("#date").val();
var time = $("#time").val();
var news = $("#news").val();
// Add record
$.post("ajax/addRecord.php", {
id1:id,
date1:date,
time1:time,
news1: news //if i give news1:"test" it does not work
}, function (data, status) {
// close the popup
$("#add_new_record_modal").modal("hide");
// read records again
readRecords();
// clear fields from the popup
$("#id").val("");
$("#date").val("");
$("#time").val("");
$("#news").val("");
});
}
$(document).ready(function () {
// READ recods on page load
readRecords(); // calling function
});
// READ records
function readRecords() {
$.get("ajax/readRecords.php", {}, function (data, status) {
$(".records_content").html(data);
});
}
function DeleteUser(id) {
var conf = confirm("Are you sure, do you really want to delete User?");
if (conf == true) {
$.post("ajax/deleteUser.php", {
id: id
},
function (data, status) {
// reload Users by using readRecords();
readRecords();
}
);
}
}
function GetUserDetails(id) {
// Add User ID to the hidden field for furture usage
$("#hidden_user_id").val(id);
$.post("ajax/readUserDetails.php", {
id:id
},
function (data, status) {
// PARSE json data
var user = JSON.parse(data);
// Assing existing values to the modal popup fields
$("#update_id").val(user.id);
$("#update_date").val(user.date);
$("#update_time").val(user.time);
$("#update_news").val(user.news);
}
);
// Open modal popup
$("#update_user_modal").modal("show");
}
function UpdateUserDetails() {
// get values
var id = $("#update_id").val();
var date = $("#update_date").val();
var time = $("#update_time").val();
var news = $("#update_news").val();
// get hidden field value
var id = $("#hidden_user_id").val();
// Update the details by requesting to the server using ajax
$.post("ajax/updateUserDetails.php", {
id:id,
news:news
},
function (data, status) {
// hide modal popup
$("#update_user_modal").modal("hide");
// reload Users by using readRecords();
readRecords();
}
);
}
$(document).ready(function () {
// READ recods on page load
readRecords(); // calling function
});
下面的代码用于显示表格
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PHP and MySQL CRUD Operations Demo</title>
<!-- Bootstrap CSS File -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
</head>
<body>
<!-- Content Section -->
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Demo: PHP and MySQL CRUD Operations using Jquery</h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="pull-right">
<button class="btn btn-success" data-toggle="modal" data-target="#add_new_record_modal">Add New Record</button>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Records:</h3>
<div class="records_content"></div>
</div>
</div>
</div>
<!-- /Content Section -->
<!-- Bootstrap Modals -->
<!-- Modal - Add New Record/User -->
<div class="modal fade" id="add_new_record_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Add New Record</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="id">ID</label>
<input type="text" id="id" placeholder="ID" class="form-control"/>
</div>
<div class="form-group">
<label for="date">DAte</label>
<input type="text" id="date" placeholder="DAte" class="form-control"/>
</div>
<div class="form-group">
<label for="time">Time</label>
<input type="text" id="time" placeholder="Time" class="form-control"/>
</div>
<div class="form-group">
<label for="news">News</label>
<input type="text" id="news" placeholder="News" class="form-control"/>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" onclick="addRecord()">Add Record</button>
</div>
</div>
</div>
</div>
<!-- // Modal -->
<!-- Modal - Update User details -->
<div class="modal fade" id="update_user_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Update</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="update_id">Id</label>
<input type="text" id="update_id" placeholder="Id" class="form-control"/>
</div>
<div class="form-group">
<label for="update_date">date</label>
<input type="text" id="update_date" placeholder="Date" class="form-control"/>
</div>
<div class="form-group">
<label for="update_time">Email Address</label>
<input type="text" id="update_time" placeholder="Email Address" class="form-control"/>
</div>
<div class="form-group">
<label for="update_news">Email Address</label>
<input type="text" id="update_news" placeholder="Email Address" class="form-control"/>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" onclick="UpdateUserDetails()" >Save Changes</button>
<input type="hidden" id="hidden_user_id">
</div>
</div>
</div>
</div>
<!-- // Modal -->
<!-- Jquery JS file -->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!-- Bootstrap JS file -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Custom JS file -->
<script type="text/javascript" src="js/script.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-75591362-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
用于插入的 php 脚本正在工作，我已经测试过它，但他们没有获取 post 变量
最佳答案
尝试这个 ajax post 语法
$.ajax({
url: 'ajax/addrecords.php',
data: {'id1' : id, 'news1':news, 'time1':time, 'date1':date},
type: 'post',
dataType:'json',
success: function(output) { alert(output); },
error: function(request, status, error){ alert("Error: Could not delete"); }
});
关于php - 使用ajax post方法的变量不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44313764/