Ajax はテキスト ボックスへのコンテンツの入力を実装し、データベースからのファジー クエリをドロップダウン ボックスに動的に表示します。

機能: テキスト ボックスにコンテンツを入力し、データベース モジュールからダウンロードしたブラウザを起動して、

1.建立aspx页面、html代コード

<頭>


//城市----------------------------
関数 cityResult()
{
var city=document.getElementById("TextBox1");
WebForm1.GetCityList(city.value,get_city_Result_CallBack);
}

関数 get_city_Result_CallBack(応答)
{
if (response.value != null)
{
//デバッガ;
document.getElementById("DropDownList1").style.display="ブロック";
document.getElementById("DropDownList1").length=0;
var ds = 応答.値;
if(ds != null && typeof(ds) == "オブジェクト" && ds.Tables != null)
{
for(var i=0; i {
var name=ds.Tables[0].Rows[i].city;
var id=ds.Tables[0].Rows[i].cityID;
document.getElementById("DropDownList1").options.add(new Option(name,id));
}
}
}
それ以外
{
document.getElementById("DropDownList1").style.display="none";
}
戻る
}

関数 getData()
{
var 州=document.getElementById("DropDownList1");
var pindex = 州.selectedIndex;
var pValue = 州.オプション[pindex].value;
var pText = 州.オプション[pindex].text;

document.getElementById("<%=TextBox1.ClientID%>").innerText=pText;
}


<本文>

デザイナー

が生成したコード#region Web フォーム デザイナーが生成したコード
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: この呼び出しは ASP.NET Web フォーム デザイナに必要です。
//
InitializeComponent();
Base.OnInit(e);
}

/**//// <概要>
/// デザイナーのサポートに必要なメソッド - 変更しないでください
/// このメソッドの内容をコード エディターで表示します。
///
private void InitializeComponent()
{
this.Load += 新しい System.EventHandler(this.Page_Load);

}
#endregion

GetCityList#region GetCityList
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
public DataSet GetCityList(int 州 ID)
{
string sql = "select * 父親が「%」のような都市から選択" + 州 ID + "%";
GetDataSet(sql)を返します;
}
#エンドリージョン
GetDataSet#region GetDataSet
パブリック静的 DataSet GetDataSet(string sql)
{
string ConnectionString = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda = 新しい SqlDataAdapter(sql, ConnectionString);
DataSet ds = 新しい DataSet();
sda.Fill(ds);
DSを返します。
}
#エンドリージョン

}
}3.源代码ダウンロード
4.データ库のスクリプト
CREATE TABLE [dbo].[city](
[id] [int] NOT NULL、
[cityID] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
[都市] [nvarchar](50) COLLATE Chinese_PRC_CI_AS NULL,
[父] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
制約 [PK_city] クラスター化された主キー
(
[id] ASC
)WITH (IGNORE_DUP_KEY = OFF) オン [プライマリ]
) [プライマリ] オン