Question

我有一个简单的asp表单，要求输入用户名。提交名称时，将使用基于该名称的信息更新页面。我想拥有它，以便当一个人点击提交时，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
  })

表单提交后更新asp页面

1 个答案: