我有一个带有 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/