Phát triển Web
2012
136
www.izwebz.com Demon Warlock
type: 'POST',
dataType: 'html',
data: 'name='+varlue1+'&tuoi='+value2,
beforeSend(function(){
$('#wait').html('<img src='load.gif' title='' />);
}),
success(function(html){
$('#show').html(html);
})
});
});
- Chỉ với vài dòng như thế chúng ta đã hoàn thành một ajax khá đơn giản, nhưng bản chất bên
trong của nó khi tuơng tác với JS thì như thế nào ? hay nói chính xác hơn, Ajax hoạt động trên JS
thế nào, chúng ta cùng tham khảo code sau :
Ajax với JS thuần
// Ajax function
function XMLHttpClient() {
var xmlhttp;
try {
// Mozilla / Safari / IE7
xmlhttp = new XMLHttpRequest();
} catch (e) {
// IE
var XMLHTTP_IDS = new Array('MSXML2.XMLHTTP.5.0',
'MSXML2.XMLHTTP.4.0',
'MSXML2.XMLHTTP.3.0',
'MSXML2.XMLHTTP',
'Microsoft.XMLHTTP' );
var success = false;
for (var i=0;i < XMLHTTP_IDS.length && !success; i++) {
try {
xmlhttp = new ActiveXObject(XMLHTTP_IDS[i]);
success = true;
} catch (e) {}
}
if (!success) {
throw new Error('Unable to create XMLHttpRequest.');
