Добавление Div после сообщения AJAX

Question

Я пытаюсь понять, почему происходит следующее. Я называю очень простой веб-сервис, как показано ниже. По какой-то причине мой jquery добавляет div, но сразу же исчезает? Извинения для плохо отформатированной нити ...

Кроме того, с помощью JQuery 1.7.1, как это предусмотрено VS2013

<WebMethod()> 
Public Function GetTime() As String 
    Dim time As String = "" 
    time = Now().TimeOfDay.ToString 

    Return time 
End Function 

Моего AJAX ниже функций

function CallWebServiceFromJquery() { 

     $.ajax({ 
      type: "POST", 
      url: "WebService.asmx/GetTime", 
      data: "{}", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: setTime, 
      error: OnError 

     }); 

    } 

Успеха

function setTime(data, status) { 
     //alert(data.d); 
     $("#time").css("visibility", "visible") 
     $("#time").append("<h1>" + data.d + "</h1>") 
    } 

Наконец, onclick

<asp:Button ID="btnCallWebService" runat="server" OnClientClick="CallWebServiceFromJquery()" Text="Call Webservice" /> 

Answer 1

Кнопка сама по себе вызывает обратную передачу, поэтому почему-то исчезает добавленный div. Вы должны остановить поведение события по умолчанию с помощью preventDefault():

<asp:Button OnClientClick="CallWebServiceFromJquery(event)" ... 

function CallWebServiceFromJquery(e) { 
    e.preventDefault(); 
    $.ajax({ 
     // ajax settings... 
    }); 
} 

Answer 2

Удостоверьтесь, что CallWebServiceFromJquery возвращает false. Основываясь на вашем описании div, появляющемся и исчезающем, ваша страница делает обратную передачу.