Javascript Ajax更新问题(SQL和扩展)
我有一个ajax更新特性,其中有一些特定的问题,我确信这只需要一些调整,然后它就可以100%地工作Javascript Ajax更新问题(SQL和扩展),javascript,php,jquery,sql,ajax,Javascript,Php,Jquery,Sql,Ajax,我有一个ajax更新特性,其中有一些特定的问题,我确信这只需要一些调整,然后它就可以100%地工作 <!-- Modal content--> <div class="modal-content" style="width: 300px; margin: 0 auto;"> <div class="modal-header"> <button type="button" class="close" data-dismi
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>
我将尽可能清楚地总结以下问题
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>
我有两个相互交互的文件:
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>
- orders.php
- 订单索赔.vc.php
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>
orders.php
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>
<?php
class config_db {
public function init() {
$db = new PDO('*MY DATABASE DETAILS GO HERE*');
date_default_timezone_set('Hongkong');
return $db;
}
}
?>
- 页首
<?php session_start(); require_once('orders-claimed.vc.php'); ?>
<!-- Modal content--> <div class="modal-content" style="width: 300px; margin: 0 auto;"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <div class="form-group"> <a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br> <a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br> <a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a> </div> </div> </div> </div>
- SQL更新
<!-- Modal content--> <div class="modal-content" style="width: 300px; margin: 0 auto;"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <div class="form-group"> <a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br> <a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br> <a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a> </div> </div> </div> </div>
if(isset($_POST['id'])){ $orderid = $_POST['id']; $scheduled = $_POST['scheduled']; $stmt = $db->prepare("UPDATE order SET scheduled = '$scheduled' WHERE orderid = '$orderid'"); $stmt->execute(); }
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>
上面的SQL代码没有更新表(屏幕截图中显示的那一个,但ajax只是从成功函数中更新按钮的外观(当页面刷新时它会返回到其原始值)。我想知道问题是什么。它应该连接到按钮,因为它使用的是“if(isset($\u POST['id'])”
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>
我希望我已经清楚地解释了我的两个问题,谢谢你的帮助
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>
更新 我使用下面的代码检查按钮更新是否有错误:
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>
console.log( 'scheduled: ' + scheduled + ' orderid: ' + $('#userId').val() );
当按钮更新且页面刷新并注销会话时,我收到以下错误:
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>
jquery-ui.js:1951 Uncaught TypeError: Cannot read property 'step' of undefined
at String.<anonymous> (jquery-ui.js:1951)
at each (jquery.slim.min.js:2)
at Function.color.hook (jquery-ui.js:1913)
at jquery-ui.js:1963
at jquery-ui.js:2005
at jquery-ui.js:14
at jquery-ui.js:16
jquery ui.js:1951未捕获类型错误:无法读取未定义的属性'step'
在字符串处。(jqueryui.js:1951)
每次(jquery.slim.min.js:2)
在Function.color.hook(jqueryui.js:1913)
在jqueryui.js:1963
在jqueryui.js:2005
在jqueryui.js:14
在jqueryui.js:16
从您列出的内容来看,我认为您的php文件中可能有“session\u destroy()”(虽然可能没有放在这里)。尝试对此进行注释,看看会话是否结束。希望它能帮助您:)。我找不到ID为“scheduled”的HTML元素。你能告诉我它在哪里吗?而且,关于第一个问题,您在检查时是否在控制台中发现任何错误?scheduled用于数据目标和变量,在我的第一个问题中,我的控制台中没有错误。用户刚刚注销。否。当您说“#scheduled”时,意味着有一个ID为“scheduled”的HTML元素。你有这样的元素吗?…我的坏,忘了把它去掉,那个代码是多余的。更新了问题,让我们一起来。
<!-- Modal content-->
<div class="modal-content" style="width: 300px; margin: 0 auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<a href="#" id="update_yes" class="btn btn-success text-center center-block">YES</a><br>
<a href="#" id="update_no" class="btn btn-danger text-center center-block">NO</a><br>
<a href="#" id="update_cancelled" class="btn btn-warning text-center center-block">CANCEL</a>
</div>
</div>
</div>
</div>