來自datepicker onSelect的jQuery ajax調用消失了文本框

Question

我有一個帶datepicker jquery插件的文本框。 當我選擇一個日期時，將進行post 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，則會創建一個新文檔。 在以下問題中對此進行了解釋：使用AJAX時，JavaScript Document.Write替換所有正文內容。

因此，您需要通過添加新節點或使用innerHTML將結果添加到文檔中，例如：

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

來自datepicker onSelect的jQuery ajax調用消失了文本框

問題描述

1 個解決方案

解決方案1
2 已采納 2013-09-21 12:48:47

來自datepicker onSelect的jQuery ajax調用消失了文本框

問題描述

1 個解決方案

解決方案1 2 已采納 2013-09-21 12:48:47

解決方案1
2 已采納 2013-09-21 12:48:47