Question

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

}


?>

但你好没有显示在页面上。我哪里出错了!!坦克提前..

Answer 1

如果在已经加载的文档上调用，

document.write将创建一个新文档。本问题解释了这一点：JavaScript Document.Write Replaces All Body Content When Using AJAX。

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

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

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

1 个答案: