4823 fans
1036 reader
122 followers

[Ajax phần 2] Ajax thuần javascript – Sử dụng phương thức POST

Publish by: KytoSai
In category: jQuery
32 comments

Tutorial Details
Độ khó: Căn bản
Thời gian: 16 phút
File size: 22.6 MB

Mediafire download

Có 6 bài viết trong series jQuery AjaxHiển thị

Trong phần trước, chúng ta đã làm quen với tác giả mới của izwebz là Kyto Sai. Trong phần này, bạn ấy sẽ tiếp tục giới thiệu cho chúng ta về công nghệ ajax với Ajax thuần javascript – Sử dụng phương thức POST.

Sơ qua nội dung bài này:
1/ Hiển thị loading trước khi xuất kết quả
2/ Sử dụng form để xuất kết quả
3/ Khác nhau giữa POST và GET
4/ Giới thiệu kỹ hơn những điểm ở clip đầu tiên chưa giới thiệu

KytoSai

Ngoạn mục nhưng lại không rực rỡ, lên xuống là vô thường !

long

anh có thể làm video ajax làm việc trực tiếp với database được không ạ. chứ như thế này thì chả ai biết làm việc với database như thế nào.
luan

cám ơn KytoSai! có thể mong anh up source code lên chung luôn ko ạ?
có thể là anh muốn mọi người sẽ tự code và ko copy paste (chắc chắn sẽ tự gõ) nhưng mà chuyển qua lại giữa 2 trang code để xem sẽ dễ hơn là tua video ạ!
Văn Thiện

Cảm ơn bài viết của anh. E đã thực hiện được, nhưng có 1 vấn đề muốn nhờ a giúp đở thêm đó là làm sao truyền 2 biến cùng lúc đến file get. Chẳng hạn e dùng cho trường hợp tao form login. Mong nhận đựoc sự giúp đỡ của a
KytoSai

Mọi người chịu khó vào group PHP của izwebz để hỏi ha.
Vì thời gian này mình đang đi làm, không thể trả lời được.
Lê Dũng

Hi Kytosai. Mình đã làm theo hướng dẫn của bạn. Nhưng khi nhập chuổi vào và mính submit nó chỉ load được cái file ảnh.gif thôi chứ k show được chuỗi ra. Mình chưa biết bị lỗi gì, mặc dù đã kiểm tra kỹ các file, các bước. Bạn chỉ cách cho mình với
http://trantuananh.info Tran Tuan Anh

Hey KytoSai,
Mình đã làm ok theo hướng dẫn, rất cám ơn bạn.
Bạn cho mình hỏi thêm, nếu trong form có tag sellect thì phải làm như thế nào để get.php nhận được biến POST đó?
d@ng

Bạn Kytosai làm video hạn chế di chuột với click linh tinh nha, mình thấy bạn show code lên rồi bôi đen liên tục trong lúc nói mà chả để làm gì, hình như chỉ là thói quen. Điều này làm người xem bị phân tâm
Mình cũng dân IT, ngồi máy nhiều, nên xem video mà mắt phải điều tiết liên tục, nhìn qua nhìn lại liên tục hại mắt lắm.
Đôi lời góp ý thôi. Hy vọng bạn có nhiều tut hay hơn nữa trong tương lai cho mọi người học hỏi
http://gameiwin.net IWIN

bài hay lắm cho phép em copy về site của mình
http://cucdinh.vn Đặng Ngọc Chánh

anh Kytosai có thể làm một video về cách viết một ajax dạng nâng cao là truyền dữ liệu bằng phương thức POST thì không cần sử dụng form mà thay vào đó là các thẻ div để định dạng không ạ.

Ví dụ:

Khi nhất button OK thì nó trả về kết quả trong trong thẻ div #ketqua
- http://cucdinh.vn Đặng Ngọc Chánh
  
  hi, em quên là comment của wordpress nó lọc ký tự html
  Anh xem hình minh họa nha
  
  http://a.imageshack.us/img27/1372/ajaxnonform.jpg
  - http://blog.yahoo.com/kytosaivn KytoSai
    
    Thật ra với những cách trên bạn cũng đã sử dụng div để định dạng được rồi, chỉ cần bạn khai báo id đầy đủ, việc đóng mở thẻ form thật sự là không cần thiết.
    
    Như cách trong hình của bạn cũng được, ở cái button dưới bạn thêm onclick=’ham()’ và khởi tạo ham() trong javascript để sử dụng ajax nữa là xong !
    - http://cucdinh.vn Đặng Ngọc Chánh
      
      hi, em hiểu rồi ^^ cảm ơn anh nhiều
messi

KytoSai ơii! nếu bạn có thời gian làm Tut PHP thì làm hẳn một project thực tế nhé. chứ cơ bản trên mạng nhiều lắm. hì.hì.không biết mình có yêu cầu cao quá không ^^
- http://blog.yahoo.com/kytosaivn KytoSai
  
  Mình kô dám chắc lắm, vì thời gian mình kô nhiều, làm tut ngắn thì đc, tuts dài thì không biết làm nổi không, bỏ ngang thì kô hay. Trước mắt cứ xong cái ajax này đã !
messi

KytoSai mong chờ Tut PHP của bạn. PHP tình yêu của tôi ^^
brian

bác KytoSai ơi cho hỏi chút nha sự khác nhau giữa ajax thuần như thế này với sử dụng Jquery như thế nào nhỉ ???
- http://blog.yahoo.com/kytosaivn KytoSai
  
  Ở jquery cú pháp sẽ ngắn gọn hơn thôi, cơ bản là không cần phải biết những cái như onreadystatechange, khởi tạo XMLHttpRequest như video mình hướng dẫn.
  
  Còn cụ thể nó như thế nào, bạn đợi xem video về jquery sau nhé.
messi

KytoSai ban có rành về PHP không. mình đang nghien cứu về môn này cho đủ bộ.HTML CSS Javascript Photoshop Illustrator thì ổn rồi.hic.hic. nhưng vẫn chua xin đuơc việc làm. nản quá
- http://blog.yahoo.com/kytosaivn KytoSai
  
  Bạn xem qua mấy bài PHP của anh C Smith trên izwebz đó bạn, dạy cơ bản. Mình cố gắng hoàn thành xong series Ajax rồi sẽ thử làm tuts PHP sau
- http://sothichweb.com Khuong Van Ngo
  
  Không biết bạn đang theo thiết kế hay lập trình. Tôi thấy các Công ty Việt thường tuyển người biết quá nhiều thứ để làm được nhiều việc làm người học bị phân tán và không chuyên sâu về cái gì cả.
  Trên Izwebz cũng đã làm tuts về PHP căn bản rồi đấy bạn
Bomking

anh cho em hỏi ti…em mới học web nhưng có tí thắc mắc…nếu đã thiết kế web xong va up lên rồi thì muốn cập nhật,thay đổi nội dung trang web thi phải lam sao anh….có cách nào ?..hay phải vao HTML de sua noi dung(bây giơ em chỉ biết đến thế)
- http://blog.yahoo.com/kytosaivn KytoSai
  
  Up ở đây ý bạn là upload lên hosting phải không, vậy thì bạn có thể dùng phần mềm FTP để chỉnh sửa file trực tiếp trên hosting luôn.
  
  Nhưng đó là trường hợp bạn mới chỉ học code HTML. Bạn nên đầu tư học lập trình thêm PHP, muốn cập nhập thay đổi nội dung sẽ làm trực tiếp trong phần admin trên trang web của bạn luôn mà không phải thông qua phần mềm nào hết.
  
  Nói chung trước mắt cứ học HTML và CSS còn PHP như thế nào thì bạn cứ nghiên cứu qua google hoặc các bài trước trên izwebz
Minh

Ông này nói tiếng anh nghe gớm quá đi, đề nghị luyện lại Pronunciation nhé Cờ lic, bờ lu, sờ lai. Hic nghe oải thiệt.
- http://blog.yahoo.com/kytosaivn KytoSai
  
  =)) cái này mình nghe lại còn buồn cười chứ đừng nói là bạn, ngay bài đầu mình đã bảo ín lịt nghe nói mình kém mà, chỉ để đọc tài liệu ebook thôi !
  - KimDanh
    
    Anh có thể share đoạn code file ajax.js có ghi chú từng dòng code trong video được hok ạh? Thank anh nhìu, mong các video tiếp theo của anh.
    - http://blog.yahoo.com/kytosaivn KytoSai
      
      Đây bạn http://www.mediafire.com/?wf2kance1jhxvyn
      - KimDanh
        
        Hình như anh share nhầm link thì phải? Cái này bên phần 1 anh có share ùi, trong video phần 2 em thấy có file ajax.js anh ghi chú từng dòng code bằng tiếng việt khá dễ hiểu, anh check lại với nhé. Thanks anh.
    - http://blog.yahoo.com/kytosaivn KytoSai
      
      À, mình nhầm, hì . Đây bạn !
      http://www.mediafire.com/?kbncrpdkeu8ypmw
Trần Tuấn

Cách lập trình này quen quen. Hình như là phong cách của thầy Huy dạy ở bên Việt Chuyên phải không bạn. Mình cũng học với thầy và thấy cách bạn đang viết y hệt. Nếu vậy là đồng môn rồi.
Chia sẻ cùng các bạn site của thầy Huy cũng khá nổi tiếng: http://www.qhonline.info
- http://blog.yahoo.com/kytosaivn KytoSai
  
  Mình nghĩ nếu muốn trao đổi thì PM riêng mình, đừng nên đang ở trang bên này, post bài quảng cáo cho trang khác.
  
  Nếu mình ở izwebz sẽ không quảng cáo cho qhonline và ngược lại.
  - Mr nav
    
    Cậu nên kiếm 1 Editor nào mới làm việc cho khá thuận tiện đi, thấy cậu dùng Notepad++ vất vả đấy. Dùng phpdesigner 8 hoặc sublimetext 2 tốt hơn đấy
    - http://blog.yahoo.com/kytosaivn KytoSai
      
      À, mình có dùng dreamwear 5 với Phpdesigner 8 . Nhưng vì đây là những bài tập nhỏ, nên tự code notepad++ hạn chế dùng auto complete sẽ tốt hơn .
      
      Khi nào làm project mình mới dùng mấy cái kia !

Izwebz store

Các series nên xem trên izwebz cho newbie

Khi vào izwebz chắc nhiều bạn cho rằng các bài viết trên izwebz đều không có hệ thống gì cả? Thực chất, các bài biết đều đi theo một series của riêng nó, ví dụ như PHP, HTML & CSS, PSD2HTML, Photoshop, illustrator,… Trong bài viết này, mình sẽ tổng hợp lại các series bài viết cần thiết cho một newbie.