Ajax login form

Cung cấp host Unlimited giá 800K/năm
Thông báo tuyển sinh lớp học PHP trực tuyến trên PHPVN

[KenyLieou]

404 là Page not Found, kiểm tra URL request của bạn

[billythekids]

Lúc trước có nghĩ và làm remote login có tính là từ server -> server ko?

[minhminh2911]

Các bác ui, em muốn thiết kế một website tin tức đơn giản sử dụng ajax thì phải làm những gì, trình tự như thế nào ạ?

[newbie_php]

Ai demo cho em xem thử 1 form login ajax mà kết hợp với cả session với. Kết hợp session sao em thấy khó quá

[KuKen]

) càng xem càng mệt

[cudenweb]

Nghe đồn Ajax rất nguy hiểm, kể cả google cũng khuyến cáo không nên xây dựng website có liên quan đến Ajax...

Tại sao lại thế nhỉ?

[vaodaychoi]

giới thiệu về Ajax cho thế này thì những người chưa biết xin bó tay, chẳng hiểu gì cả

[vantrungit89]

Về cơ bản, AJAX có 4 bước như sau:
Bước 1: Khởi tạo
Bước 2: Thiết lập
Bước 3: Kiểm tra
Bước 4: Nhận kết quả
Cụ thể:
Bước 1: Khởi tạo
navigator.appName
Chúng ta sẽ xác định trình duyệt người dùng đang sử dụng là trình duyệt nào.
Nếu là IE:
new ActiveXObject("Microsoft.XMLHTTP");
Nếu là các trình duyệt khác:
new XMLHttpRequest();
Bước 2: Thiết lập
-open("method","URL","async");
method có 2 giá trị là GET hoặc POST
async (bất đồng bộ) có 2 giá trị là "true" hoặc "false"
-onreadystatechange=tên hàm;
send(thông tin);
(nếu ở trên các bạn chọn phương thức là GET thì thông tin ở đây là NULL ngược lại sẽ là tham số)
Bước 3: kiểm tra
-readyState==4
-status==200
Bước 4: Nhận kết quả
-nếu là text: ResponseText;
-nếu là XML: ResponseXML;

Chú ý:
-document.getElementById(' ').innerHTML=...
-document.getElementById(' ').style.display='none';
-encodeURI(document.getElementById(' ').value);

[dichvusohoa]

Nguyên tắc callback chỉ truyền tên hàm, không bao giờ truyền tham số.

Framework  hoàn toàn triển khai theo cách riêng của nó bạn ạh.

Bài này hay viết dễ hiểu. Góp ý chút là hàm callback vẫn truyền được tham số. Vì nếu chỉ xài toàn hàm không tham số thì là một bất tiện lớn khi viết javaScript. Ta dùng hàm anonymous để giải quyết ường hợp này.

Ví dụ

Code:

http.open('get', 'login.php?email='+email+'&psw='+psw+'&nocache = '+nocache);
var sParam1= "abc";
var sParam2 = "efgh";
http.onreadystatechange =  function(){loginreply(sParam1,sParam2);};
http.send(null);



function loginReply(sParam1, sParam2) {

}

Đã test trên IE6,IE8,FireFox, Chrome. Đảm bảo OK. Với cách này bạn có thể truyền luôn object http  như của bác Kungfu từ bên ngoài vào hàm, không cần dùng đối tượng toàn cục.

Lưu ý nhỏ, nhớ viết http.send(null) như bác Kungfu là đúng, chớ viết http.send() nhé, sẽ bị error trên FireFox 3.0 đấy. Thí dụ như trang này http://www.w3schools.com/php/php_ajax_database.asp cũng bị lỗi đó do viết http.send(). Hehe, javaScript là bể khổ tương thich client browser.

[ongchutran]

Em đã đọc cũng kha khá lý thuyết về Ajax, nhưng sao học đến javascript, Ajax, Jquery thấy khó quá, khác hẳn với PHP, học thấy nhanh nản . Xin các anh chị đi trc có kinh nghiệm chỉ dẫn cho em biết các bước học như thế nào, tiếp cận như thế nào cho hợp lý và học nhanh chóng được các kiến thức cơ bản về Javascript, Ajax, Jquery. Thanks

[Onlinetest]

Em đã đọc cũng kha khá lý thuyết về Ajax, nhưng sao học đến javascript, Ajax, Jquery thấy khó quá, khác hẳn với PHP, học thấy nhanh nản . Xin các anh chị đi trc có kinh nghiệm chỉ dẫn cho em biết các bước học như thế nào, tiếp cận như thế nào cho hợp lý và học nhanh chóng được các kiến thức cơ bản về Javascript, Ajax, Jquery. Thanks

Em đã đọc cũng kha khá lý thuyết về Ajax, nhưng sao học đến javascript, Ajax, Jquery thấy khó quá, khác hẳn với PHP, học thấy nhanh nản . Xin các anh chị đi trc có kinh nghiệm chỉ dẫn cho em biết các bước học như thế nào, tiếp cận như thế nào cho hợp lý và học nhanh chóng được các kiến thức cơ bản về Javascript, Ajax, Jquery. Thanks

Bạn này đọc lý thuyết nhiều quá bị tẩu hỏa nhập ma rồi...thực hành vài cái examples đi, lần đầu cứ code y nguyên theo hướng dẫn, coi như tập typing ấy, khi chạy được ok thì chớ vội tự mãn, hãy tiếp tục code lại lần 2, lần 3,...nhưng các lần sau này bạn vừa code vừa nghĩ đến lý thuyết đã học, ví dụ như: các bước phải thực hiện bao gồm những gì? tại sao phải kiểm tra các browser trước khi tạo object request? rồi tại sao phải kiểm tra onreadystatechange, status,...

Chút kinh nghiệm nhỏ, hy vọng giúp được bạn.

[dichvusohoa]

Em đã đọc cũng kha khá lý thuyết về , nhưng sao học đến , Ajax, Jquery thấy khó quá, khác hẳn với , học thấy nhanh nản . Xin các anh chị đi trc có kinh nghiệm chỉ dẫn cho em biết các bước học như thế nào, tiếp cận như thế nào cho hợp lý và học nhanh chóng được các kiến thức cơ bản về Javascript, Ajax, Jquery. Thanks

Một trong các nhược điểm của các tài liệu hướng dẫn về các technical mới là nó tập trung viết kỹ về "How to do?" mà lại viết sơ sài về "Why to choose?". Nó ít đưa ra các kịch bản áp dụng thực tế cho người mới học nên người ta mau nản vì ko biêt mình xài cái technical này vào việc chi. Tôi xin mạn phép đưa ra vài scripts ứng dụng thực tế sau đây để bạn suy nghĩ:

1. Một bài báo điện tử với bài viết về trận thua 1-4 của Việt Nam- Mianma. Cuối bài báo Kèm theo một form nhập ý kiến để các fan bóng đá nhập các ý kiến chửi bới của mình. Bạn hãy sử dụng AJAX để cho form nhập ý kiến sao cho fan bóng đá submit ý kiến mình lên mà toàn bộ bài báo không bị load lại để tăng tốc độ web site..

2. Cũng ví dụ trên. Có 30 comment chửi ruả đội bóng đá Việt Nam. Các comment này được phân làm 3 trang, mỗi trang 10 ý kiến. Bạn hãy sử dụng AJAX để phân trang cho các comment sao cho khi ấn page 1, page 2, page 3 thì chỉ có phần comment thay đổi mà bài báo thì không bị load lại để tăng tốc độ web site.

3. Form đăng ký user cho diễn đàn hoặc thương mại điện tử. Nick user là duy nhất. Hãy tạo một nút "Check user đã tồn tại" ở cạnh INPUT nickname. Khi ấn nút thì dùng AJAX để query lên server và báo cho user xem nick đã có ai đăng ký chưa, để không load lại cả form đăng ký rất mất thời gian.

.....and more.

Cái quan trọng không phải là hiểu được kỹ thuật này là như thế nào, mà là tìm ra các scripts mà kỹ thuật này ứng dụng được là đắc địa nhất. Nếu không, việc áp dụng khiên cưỡng 1 kỹ thuật mới chỉ để "lấy oai" cho "hợp model" sẽ chỉ dẫn tới các kết quả tệ hại.  Chúc bạn thành công.