مثال بسيط لـ Ajax لتغيير المربع المنسدل لإنشاء جدول ديناميكيًا

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

1.الصفحة الرئيسية لـ aspx، HTML
http://www.w3.org/1999/xhtml " >
<رئيس التشغيل = "الخادم">
صفحة بلا عنوان
<نوع البرنامج النصي = "نص/جافا سكريبت">
فار xmlHttp;

الدالة createXMLHttpRequest()
{
إذا (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
وإلا إذا (window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}

طلب بدء الوظيفة ()
{
//مصحح الأخطاء؛
var ProvinceID=document.getElementById("DropDownList1");
createXMLHttpRequest();
xmlHttp.onreadystatechange = HandleStateChange;
xmlHttp.open("GET", "?ProvinceID="+ProvinceID.value, true);
xmlHttp.send(null);
}

وظيفة HandleStateChange()
{
if(xmlHttp.readyState == 4) //0(未初始化);1(正在装载);2 (装载完毕);3 (交互中);4 (完成)
{
إذا (xmlHttp.status == 200) //200(موافق)؛404(غير موجود)
{
document.getElementById("gridiv").innerHTML=xmlHttp.responseText;
}
}
}

<الجسم>
<معرف النموذج = "form1" runat = "الخادم">
<ديف>

2.cs
باستخدام System.Data.SqlClient؛
Page_Load باطلة محمية (مرسل الكائن، EventArgs e)
{
إذا (!Page.IsPostBack)
{
this.DropDownList1.Attributes.Add("onchange", "return startRequest();");
ListProvince();
إذا (معرف المقاطعة ! = "")
{
GetCityByProvinceID(ProvinceID);
}
}
}

خاصية # المنطقة
سلسلة خاصة معرف المقاطعة
{
يحصل
{
if (Request["ProvinceID"] != null && Request["ProvinceID"].ToString() != "")
{
طلب الإرجاع["ProvinceID"];
}
آخر
{
يعود ""؛
}
}
}
#endregion

GetDataSet#region GetDataSet
مجموعة البيانات الخاصة GetDataSet (سلسلة SQL)
{
string constring=System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda =new SqlDataAdapter(sql,constring);
DataSet ds=new DataSet();
sda.Fill(ds);
عودة س.
}
#endregion

GetCityByProvinceID#region GetCityByProvinceID
GetCityByProvinceID الفراغ الخاص (معرف مقاطعة السلسلة)
{
string connStr = ConfigurationSettings.AppSettings["ConnectionString"];
SqlConnection conn = new SqlConnection(connStr);
string sql = "اختر * من المدينة حيث الأب ='" + معرف المقاطعة + "'"؛
SqlCommand cmd = new SqlCommand(sql, conn);
conn.Open();
SqlDataReader dr = cmd.ExecuteReader();

string s = @"

";
s+="";
s+="النطاقالنطاقالنطاق";
كثافة العمليات م = 0؛
بينما (د.قراءة ())
{
إذا (م % 2 == 0)
{
s += "";
}
آخر
{
s += "";
}
م++;
s += "";
s += "";
s += "";
s += "";
}
s+="

" + dr["id"] + "

" + dr["cityID"] + "

" + dr["city"] + "

";
dr.Close();
conn.Close();
this.Response.Write(s);
this.Response.End();
}
#endregion

ListProvince#region ListProvince
ListProvince () باطلة خاصة
{
string sql = "اختر * من المقاطعة";
DataSet ds = GetDataSet(sql);
DropDownList1.DataSource = ds;
DropDownList1.DataTextField = "province";
DropDownList1.DataValueField = "provinceID";
DropDownList1.DataBind();
}
#endregion