OL.Demo.WebForm/View/Ajax/AjaxUseAshx.aspx

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxUseAshx.aspx.cs" Inherits="OL.Demo.WebForm.View.Ajax.AjaxUseAshx" %>

<!DOCTYPE html>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        .list table {
            width:700px;
            border:1px solid #aaa;
        }

            .list table tr {
            }

            .list table th {
                line-height:30px;
                border:1px solid #aaa;
            }

            .list table td {
                line-height:30px;
                text-align:center;
                border:1px solid #aaa;
            }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div style="line-height:40px;font-weight:700;">Ajax使用一般处理程序</div>
        <div class="list">
            <table id="tableProduct">
                <%--异步加载数据--%>
            </table>
        </div>
        <div id="detail" style="margin-top:30px;">
            <div style="font-weight:700;line-height:28px;">明细：</div>
            <div><span style="display:inline-block;width:70px;">ID:</span><input type="text" id="tbID" /></div>
            <div><span style="display:inline-block;width:70px;">Name:</span><input type="text" id="tbName" /></div>
            <div><span style="display:inline-block;width:70px;">Price:</span><input type="text" id="tbPrice" /></div>
            <div style="margin-top:15px;"><input type="button" id="btnAdd" value="添加" />&nbsp;&nbsp;&nbsp;<input type="button" id="btnUpdate" value="修改" /></div>
        </div>
    </form>
    <script src="/Scripts/jquery-1.8.2.min.js"></script>
    <script src="/Scripts/jquery-ui-1.8.24.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //加载列表
            loadList();

            $("#btnAdd").click(function () {
                addProduct();
                loadList();
            });

            $("#btnUpdate").click(function () {