• fans
  • 1036 reader
  • followers
[Ajax phần 2] Ajax thuần javascript – Sử dụng phương thức POST
  • Tutorial Details
  • Độ khó: Căn bản
  • Thời gian: 16 phút
  • File size: 22.6 MB
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 Website facebook twitter user_email

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 :D

  • 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 :D

  • 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 :D

    • 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
          • 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 :D !
          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 nào mới làm việc cho khá thuận tiện đi, thấy cậu dùng Notepad++ vất vả đấy. Dù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 :D !

Newbie

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.

Izwebz facebook group

Social connect

Recent Comments

Archives