使用AjaxPro结合ASP.NET实现无刷新提交并更新数据-优快云博客

本文链接：https://blog.youkuaiyun.com/dahuangcuc/article/details/636215

本文介绍如何使用 AjaxPro 库实现简单的 Ajax 功能，包括加载和更新 ASP.NET 后台数据。通过 JavaScript 与服务器端交互，实现网页局部刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于AjaxPro的介绍见上一贴

效果图:

此例aspx源代码没有使用ASP.NET控件,交互完全由Javascript通过AjaxPro访问ASP.NET后台并更新

实现起来也很简单,主要的html代码:

<body onload="OnLoad();">
<form id="form1" runat="server">
<div>
<table style="border-right: black 1px solid; border-top: black 1px solid; font-size: 11px; border-left: black 1px solid; border-bottom: black 1px solid; font-family: Tahoma; background-color: gainsboro">
<tr>
<td style="width: 43px; height: 1px;"> Name:</td>
<td style="width: 131px; height: 1px;"><div id="label1"> (Loading Name...)</div>
<div id="editlabel" style="display:none;">
<input id="namebox" type="text" style="height: 13px; font-size: 11px;" />
</div></td>
<td style="width: 57px; height: 1px;"><input id="editbtn" type="button" onclick="editlabel()" value="Edit" style="width: 83px"/>
<input id="okbtn" type="button" onclick="ok()" value="OK" style="width: 83px; display:none;"/>
</td>
</tr>
</table>