gpt4 book ai didi

javascript - 来自 datepicker onSelect 的 Jquery ajax 调用消失了文本框

转载 作者:行者123 更新时间:2023-11-30 17:51:22 24 4
gpt4 key购买 nike

我有一个带有 datepicker jquery 插件的文本框。当我选择一个日期时,发出 ajax 调用,我想从数据库返回一些数据,文本框应保留在页面顶部,以便也可以发出进一步的请求。

    <script>
$(document).ready(function(){
//create date pickers
$("#datepicker").datepicker(
{
changeMonth: true,
changeYear: true,
dateFormat: 'yy-mm-dd',
onSelect: function(date)
{
$.ajax({
type:"POST",
url:"seestuffs.php",
data:date,
success: function(result)
{
document.write(result);
}
});
}
});
});
</script>
<body>
<p>Date: <input type="text" id="datepicker" name="date" /></p><br/>
</body>

这是我的 seestuffs.php

<?php 

if(isset($_POST['date']))
{
$date = $_POST['date'];
echo 'hello';

}


?>

但是页面上没有显示你好。我哪里错了!!提前谢谢..

最佳答案

如果在已加载的文档上调用,document.write 将创建一个新文档。这在这个问题中有解释:JavaScript Document.Write Replaces All Body Content When Using AJAX .

因此,您需要通过附加新节点或使用 innerHTML 将结果添加到文档中,例如:

success: function(result) {
$('body').append('<p>'+result+'</p>');
}

关于javascript - 来自 datepicker onSelect 的 Jquery ajax 调用消失了文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18932305/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com