请教这种类型的AJAX 是如何实现的呀？

chkmouse 2009-03-18 11:08:22

http://www.52tc.cn/cardlist.aspx

点击商品导航，下边的商品列表就会显示不同的商品，页面无刷新一定是AJAX, 请教这个功能是如何实现的呀？

如果用AJAX.dll 是不是下边的所有的商品都需要手写JavaScript呀？

...全文

65 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

lonelySurvive 2009-03-19

打赏
举报



using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.Data.SqlClient;



public partial class _Default : System.Web.UI.Page 

{

    private DataTable dt;

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            SetBind();

        }

    }

    private void SetBind()

    {

        DataSet ds=new DataSet();

        using(SqlConnection conn=new SqlConnection("Server=(local);database=northwind;integrated security=sspi"))

        {

            SqlCommand cmd=new SqlCommand("select * from employees",conn);

            SqlDataAdapter da=new SqlDataAdapter(cmd);

            da.Fill(ds);

        }

        DataList1.DataSource=ds;

        DataList1.DataBind();

        ViewState["dt"]=ds.Tables[0];

        

    }

    protected void LinkButton1_Click(object sender, EventArgs e)

    {

        dt = (DataTable)ViewState["dt"];

        LinkButton lb = (LinkButton)sender;

        DataView dv = dt.DefaultView;

        dv.RowFilter = string.Format("employeeId='{0}'", lb.CommandArgument);

        DataList2.DataSource = dv;

        DataList2.DataBind();

    }

}



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Untitled Page</title>

</head>

<body>

    <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server" />

        <br />

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">

            <ContentTemplate>

                <asp:DataList ID="DataList1" runat="server">

                <ItemTemplate>           

                    <asp:LinkButton ID="LinkButton1" runat="server" Text='<%# Eval("LastName") %>' ForeColor="Black" OnClick="LinkButton1_Click" CommandArgument='<%# Eval("EmployeeId") %>' />

                </ItemTemplate>

                </asp:DataList>

                <hr />

                <asp:DataList ID="DataList2" runat="server">

                    <ItemTemplate>

                        <asp:TextBox ID="TextBox1" runat="server" Height="61px" ReadOnly="True" TextMode="MultiLine"

                            Width="228px" Text='<%# Eval("Notes") %>'></asp:TextBox>

                    </ItemTemplate>

                </asp:DataList>

            </ContentTemplate>

        </asp:UpdatePanel>

        <br />

         <div>

             </div>

    </form>

</body>

</html>

数据库用的northwind

lonelySurvive 2009-03-18

打赏
举报

这种很简单的啊，想偷懒就放到updatePanel里面，对JS熟悉就自己写

上面和下面都放datalist，把模板定义好就行

小_虎 2009-03-18

打赏
举报

这个是不是用一般处理程序，然后返回字符串，然datalist调用啊

RHCL 2009-03-18

打赏
举报

.net,方便快捷的可以直接使用ms自带的ajax框架去实现.就是一些语句查询,用ms的ajax的框架可以轻松实现.
当然,其他的ajax框架也可以.你也可以自己写xmphttprequest.不过lz所给出的东东,并不一定要用ajax 实现啊.你只要读出这些分类的数据.js+css就可以轻松实现,而且这样子不用你去刷服务器.