Chúng tôi chủ yếu sử dụng Ajax, bao gồm mã Javascript phía máy khách gọi trang phía máy chủ, khi thoát khỏi trang.
Dưới đây là một ví dụ mà sẽ nhận được nội dung hiển thị của một trang, sử dụng phương pháp GET (JSFiddle):
var xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHttp');
xhr.onreadystatechange = function(){
if(xhr.readyState==4 && ((xhr.status>=200 && xhr.status<300) || xhr.status==304)){//Checks if the content was loaded
console.log(this.responseText);
}
}
xhr.open('GET','myPHPPage.php?foo=foo&bar=bar',true);
xhr.send();
Và đây sử dụng POST phương pháp (JSFiddle):
var xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHttp');
var data = 'foo=foo&bar=bar';
xhr.onreadystatechange = function(){
if(xhr.readyState==4 && ((xhr.status>=200 && xhr.status<300) || xhr.status==304)){//Checks if the content was loaded
console.log(this.responseText);
}
}
xhr.open('POST','myPHPPage.php',true);
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xhr.setRequestHeader('Content-length',data.length);
xhr.send(data);
Lưu ý rằng ở đây chúng tôi sử dụng phương thức setRequestHeader
để thay đổi tiêu đề của yêu cầu HTTP này và, trong trường hợp này, để thay đổi Content-type
và Content-length
(tiêu đề này có giá trị mặc định là 4096 byte). Ngoài ra, phương pháp setRequestHeader
phải được gọi là được gọi sau phương thức open
.
Các liên kết này sẽ giúp bạn:
https://developer.mozilla.org/en/Ajax
http://code.google.com/intl/pt-BR/edu/ajax/tutorials/ajax-tutorial.html
Nguồn
2012-06-30 05:17:48
Vâng, ajax. Và nếu bạn đang làm ajax tôi rất muốn giới thiệu các thư viện jquery vì nó làm cho nó dễ dàng hơn nhiều – Kris