AJAX là gì?
AJAX, viết tắt từ Asynchronous JavaScript and XML (JavaScript và XML không đồng bộ), là bộ công cụ cho phép tăng tốc độ ứng dụng web bằng cách cắt nhỏ dữ liệu và chỉ hiển thị những gì cần thiết, thay vì tải đi tải lại toàn bộ trang web. AJAX không phải một công nghệ đơn lẻ mà là sự kết hợp một nhóm công nghệ với nhau. Trong đó, HTML và CSS đóng vai hiển thị dữ liệu, mô hình DOM trình bày thông tin động, đối tượng XMLHttpRequest trao đổi dữ liệu không đồng bộ với máy chủ web, còn XML là định dạng chủ yếu cho dữ liệu truyền dữ liệu và Javacript có nhiệm vụ lắp ráp chúng lại với nhau.
Hiển nhiên để phát triển ứng theo phong các AJAX chúng ta cần phải biết về JavaScript, DOM, CSS, HTML, XML… Điều đó thật không dễ dàng gì. Thật may là hiện tại đã có khá nhiều thư viện cho phép chúng ta phát triển ứng dụng AJAX nhanh và đơn giản hơn nhiều. (Chúng ta sẽ tìm hiểu về những thư viện này trong các bài sau ;-) ).
Ví dụ
Trong ví dụ tôi sẽ trình bày sau đây sẽ giúp chúng ta làm quen với cách mà AJAX làm việc, tất nhiên tại ví dụ này chúng ta sẽ không dùng những thư viện xây dựng sẵn.
AjaxEx1.aspx
Thí dụ về Ajax
Hãy chọn nhóm thư mục
|
|
Chọn thư mục:
|
|
Chọn bài viết:
|
|
AjaxEx1.aspx.cs
protected void Page_Load(object sender, EventArgs e)
{
ddlSuperCategories.DataSource = SuperCategoriesBF.GetSuperCategoriesAll();
ddlSuperCategories.DataTextField = "Title";
ddlSuperCategories.DataValueField = "SuperCategoryID";
ddlSuperCategories.DataBind();
ddlSuperCategories.Items.Insert(0, new ListItem("Chọn nhóm thư mục...", "0"));
// handle change events on client
ddlSuperCategories.Attributes.Add("onchange", "getCategories(this.value);");
ddlCategories.Attributes.Add("onchange", "getArticles(this.value);");
ddlArticles.Attributes.Add("onchange", "displayResults();");
}
AjaxServer.aspx.cs
protected void Page_Load(object sender, EventArgs e)
{
int superCategoryID=0;
if (Request["superCategoryID"] != null)
int.TryParse(Request["superCategoryID"], out superCategoryID);
int categoryID = 0;
if (Request["categoryID"] != null)
int.TryParse(Request["categoryID"], out categoryID);
// either retrieve cities or class dates
if (categoryID != 0)
GetArticles(categoryID);
else
GetCategories(superCategoryID);
}
///
/// Trả về dữ liệu thư mục bài viết theo chuẩn XML
///
///
private void GetCategories(int superCategoryID)
{
// lấy dữ liệu
List categories = CategoriesBF.GetCategoriesBySuperCategoryID(superCategoryID);
StringBuilder sb = new StringBuilder();
sb.Append(@"");
sb.Append(@"");
sb.Append(@"Chọn thư mục...");
foreach (CategoriesBF c in categories)
{
sb.Append(@" }
sb.Append(@"");
Response.Clear();
Response.ContentType = "text/xml";
Response.Write(sb.ToString());
Response.End();
}
private void GetArticles(int categoryID)
{
// lấy dữ liệu
List articles = ArticlesBF.GetArticlesPublishedPagedByCategoyID(categoryID, 0, 10); //các bạn có thể hiểu là lấy 10 bài viết đầu tiên trong thư mục có ID = categoryID
StringBuilder sb = new StringBuilder();
sb.Append(@"");
sb.Append(@"");
sb.Append(@"Chọn bài viết...");
// note: class is a keyword, therefore prefix with '@'
foreach (ArticlesBF a in articles)
{
sb.Append(@" }
sb.Append(@"");
Response.Clear();
Response.ContentType = "text/xml";
Response.Write(sb.ToString());
Response.End();
}
http://tamnguyen.vn - Chúc các bạn thành công !