使用AJAX做一个页面导航模糊匹配下拉框

使用AJAX做一个页面导航模糊匹配下拉框

绪论:使用AJAX页面导航模糊匹配下拉框

使用软件: Vs2019

实现方式：三层架构

---

功能实现是下面的图片

类似就是这样，下面把主样式界面代码放出来

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






    
    
    

    



    

        

                <%--onkeyup事件  
                                                                                   autocomplete 让浏览器不显示以前输入过的记录--%>
            

               <%-- 
1
                
2
                
3
                
4
--%>
            
        
    

上面代码介绍了前台代码的意思

---

现在来看一下我们的后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text;
using System.Data;
using BLL;
public partial class Default2 : System.Web.UI.Page
{

    associationBLL ASB = new associationBLL();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            StringBuilder SB = new StringBuilder();    //创建一个容器要引入 using System.Text;
            string name = Request["name"].ToString();  //前台代码传送过来的值
            DataTable DT = ASB.lx(name);               //使用Datatable储存
            foreach (DataRow item in DT.Rows)          //foreach 循环
            {
                SB.Append("
"+item["connect"] +"
");    //数据库的值添加到容器 
            }
            Response.Write(SB);                                 //返回到前台
            前台界面  
        }
    }
}

以上就是前后台代码了，功能很容易看一下就Ok了

实在不想看 直接点击链接下载源码

这个是源码点击下载

本文结束，如果感觉对你有帮助不妨点一个赞，谢谢观看