Обновление asp-страницы после формы submit

Question

У меня есть простая форма asp, которая запрашивает имя пользователя. Когда имя отправляется, страница обновляется с информацией, основанной на этом имени. Я хочу иметь его так, чтобы, когда человек нажимает на submit, div обновляется без обновления страницы. Как я могу достичь этого с помощью jQuery?

Спасибо,

getinfo.asp

<div id="form"> 
<form name="getinfo" method="get" action="getinfo.asp"> 
    <input name="usrname" value="<%=username%>" type="text"> 
    <button id="submitform" type="submit" onclick="event.preventDefault();" >Find</button>  
</form> 
</div> 

<div id="results"> 
    Name: <%=Name%> 
    Email: <%=Email%> 
</div> 

<script> 
    $('#submitform').click(function() { 
    $.get("getinfo.asp", { findbyid: getinfo.usrname.value }); 
     //update div with data 
    }); 
</script> 

Answer 1

Создать пустой диапазон для значений:

<div id="results"> 
    Name: <span id="name"></span> 
    Email: <span id="email"></span> 
</div> 

Если тип данных JSON как:

{"name":"Mike","email":"mike@example.com"} 

Чем вы можете использовать такая же функция:

$('#submitform').click(function() { 
     $.get("blackberry_account.asp", 
      { findbyid: getinfo.usrname.value }, 
      function(data){//callback. data is server response 
      $("#name").html(data.name); 
      $("#email").html(data.email); 
     }, 
     "json");//4th param for dataType default 
    })