由于性能问题(因为我的数据加载了大约 2k 数据),我被迫通过 ajax 将用户信息从另一个页面加载到模态。这是我所遵循的tutorial。从教程中,我制作了两页(
index.php
和 file.php
)。 index.php
中的数据是通过数据表加载的,旁边有一个按钮可以打开模式。模态内的数据将来自file.php
,它通过ajax加载。目标是让用户编辑从数据库中保存的用户数据。
在另一个模式中(通过
index.php
中的添加按钮),有一个级联选择和一个正在工作的日期时间选择器。我尝试将它添加到通过 ajax 加载的另一个页面 (file.php
),不幸的是,代码不工作,什么也没有发生`.
概念
col1 col2 col3 action
id name address edit/delete
Index.php
<html>
<head></head>
<body>
<table>
<td>
<button>
</td>
</table>
<script></script> //insert ajax here which will be triggered by the button from table
<modal> //blank modal that will be populated via ajax from file.php
</body>
</html>
File.php
<?php some_query ?>//query here for populating form
<form>
<select> //cascading
<select 2> //triggered via first selection
<input text> //datetimepicker
</form>
index.php中添加用户下的级联代码
<select class="form-control" name="province" onChange="getSubcat(this.value);" >
<script>
function getSubcat(val) {
$.ajax({
type: "POST",
url: "/sis/php/get-subcat.php",
data:'cat_id1='+val,
success: function(data){
$("#governate2").html(data);
}
});
}
</script>
我尝试通过添加
file.php
、html
和 head
标签和 jquery 链接来修改 body
以查看它是否有效但没有成功。
好的。我能够解决问题。如评论中所述,我使用了控制台并能够找出问题所在。
对于级联选择
控制台显示找不到
ajax trigger
所以我就在index.php page
中添加了上面的代码。现在它完美运行了
对于日期时间选择器
这部分很棘手,因为它没有在控制台中显示任何错误。我尝试在
file.php
中添加代码和脚本源,现在它完美运行了。