});
});
$(‘#updater’).hide();
});
});
</script>
<h2>使用jQuery实现Ajax实例</h2>
<div id=”query”><%= Html.TextBox(“textSearch”) %> <a href=”#” id=”linkFind”>搜索</a>
<span class=”update” id=”updater”> Loading… </span></div>
<div id=”dataHead” >ID Name</div>
<div id=”testList”></div>
</asp:Content>
运行项目，在文本框中输入“t”，按“搜索”，在页面没有刷新的情况下显示出查询到的数据，如下图：
另外，在Ajax开发中，还可以使用Ajax的基础函数$.ajax进行调试，当出现错误时，可以打印错误信息。例如，对上述的调用可以用下面代码调试：
<script language=”javascript” type=”text/javascript”>
$(document).ready(function() {
$(‘#linkFind’).click(function(event) {
event.preventDefault();
var handleData = function(data) { alert(“success:” + data); }
var handleErr = function(e) {
alert(e.responseText);
}
$.ajax({
type: “get”,
url: “/Jquery/FindByName”,
data: “name=t”,
success: handleData,
error: handleErr
});
});
});
</script>
