يقوم Ajax بتنفيذ محتوى الإدخال في مربع النص، ويعرض ديناميكيًا الاستعلامات الغامضة من قاعدة البيانات إلى المربع المنسدل

الكاتب：Eve Cole وقت التحديث：2009-07-06 16:30:03

تم إنشاء: تم

إنشاء مربع نص على أساس 1. تم إنشاءه بواسطة aspx 页面، html

>
<الرأس>
WebForm1
<لغة البرنامج النصي = "جافا سكريبت">
//城市-----------------------------
وظيفة مدينة النتيجة ()
{
var city=document.getElementById("TextBox1");
WebForm1.GetCityList(city.value,get_city_Result_CallBack);
}

وظيفة get_city_Result_CallBack(الاستجابة)
{
إذا (response.value != null)
{
//مصحح الأخطاء؛
document.getElementById("DropDownList1").style.display="block";
document.getElementById("DropDownList1").length=0;
var ds = Response.value;
إذا (ds != null && typeof(ds) == "object" && 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 Province=document.getElementById("DropDownList1");
var pindex = Province.selectedIndex;
var pValue = Province.options[pindex].value;
var pText = Province.options[pindex].text;

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

<الجسم>

<ر>

2.cs
باستخدام النظام؛
باستخدام System.Collections؛
باستخدام System.ComponentModel؛
باستخدام System.Data؛
باستخدام System.Drawing؛
باستخدام System.Web؛
باستخدام System.Web.SessionState؛
باستخدام System.Web.UI؛
باستخدام System.Web.UI.WebControls؛
باستخدام System.Web.UI.HtmlControls؛
باستخدام System.Data.SqlClient؛
مساحة الاسم ajaxselect
{
/**//// <الملخص>
/// وصف ملخص لـ WebForm1.
///
الفئة العامة WebForm1: System.Web.UI.Page
{
System.Web.UI.WebControls.TextBox TextBox1 محمي ؛
محمي System.Web.UI.WebControls.DropDownList DropDownList1;

Page_Load باطلة خاصة (مرسل الكائن، System.EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(WebForm1));
إذا (!Page.IsPostBack)
{
this.TextBox1.Attributes.Add("onchange", "cityResult();");
this.DropDownList1.Attributes.Add("onclick", "getData();");
}
}

قام مصمم نموذج الويب بإنشاء رمز# المنطقة التعليمات البرمجية التي أنشأها مصمم نموذج الويب
تجاوز OnInit المحمي باطلة (EventArgs e)
{
//
// CODEGEN: هذا الاستدعاء مطلوب من قبل مصمم نموذج ويب ASP.NET.
//
InitializeComponent();
base.OnInit(e);
}

/**//// <الملخص>
/// الطريقة المطلوبة لدعم المصمم - لا تقم بتعديلها
/// محتويات هذه الطريقة مع محرر الكود.
///
الفراغ الخاص ()InitializeComponent
{
this.Load += new System.EventHandler(this.Page_Load);

}
#endregion

GetCityList#region GetCityList
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
مجموعة البيانات العامة GetCityList (معرف المقاطعة)
{
string sql = "اختر * من المدينة التي يوجد فيها الأب مثل '%" + Provinceid + "%'";
إرجاع GetDataSet(sql);
}
#endregion
GetDataSet# المنطقة GetDataSet
مجموعة البيانات الثابتة العامة GetDataSet (سلسلة SQL)
{
سلسلة ConnectionString = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda = new SqlDataAdapter(sql, ConnectionString);
DataSet ds = new DataSet();
sda.Fill(ds);
عودة س.
}
#المنطقة

}
}3
4.المنتج
إنشاء جدول [dbo].[city](
[معرف] [كثافة العمليات] ليست فارغة،
[معرف المدينة] [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] مجموعة المفاتيح الأساسية
(
[المعرف] اسي
) مع (IGNORE_DUP_KEY = إيقاف) تشغيل [أساسي]
) تشغيل [الابتدائي]