为什么我通过jquery + ajax获得相同的结果?

时间:2014-09-01 08:02:40

标签: jquery asp.net-mvc

我有一个c#的mvc3项目。视图是

     @section PageScripts{
<script type="text/javascript">
    var xmlHttpRequest;

    function GetTime() {
        $(document).ready(function () {
            $.ajax({
                url: "Home/RealTime",
                type: "get",
                success: function (result) {
                    document.getElementById('lblTime').value = result;
                }
            });
        });
    }
</script>
    }
@{
    ViewBag.Title = "Index";
}


<h2>Index</h2>

 <form id="form1" runat="server">
    <div>
        <input type="text" id="lblTime" />
        <br />
        <input type="button" id="btnGetTime" value="Get Time" onclick="GetTime();" />
    </div>
</form>

控制器

 [HttpGet]
    public string RealTime()
    {
        return DateTime.Now.Hour + ":" + DateTime.Now.Minute + ":" + DateTime.Now.Second;            
    }

当我多次点击名为btnGetTime的按钮时,我得到了相同的结果。 我可以点击按钮获得不同的结果吗?

1 个答案:

答案 0 :(得分:1)

我认为,在解析新值之前必须清空“lblTime”。

$(document).ready(function () {
    $.ajax({
        url: "Home/RealTime",
        type: "get",
        // Add statement empty value
        beforeSend : function(){
            document.getElementById('lblTime').value = null;
        },
        success: function (result) {
            document.getElementById('lblTime').value = result;
        }
    });
});