Form nhập liệu sử dụng AJAX


Mẫu: form nhập liệu TG đang dùng để soạn bài mới,ý kiến

HTML:

<html>

<script>

function $$(url,id, parameters) {  
http_request = false;  
if (window.XMLHttpRequest) { // Mozilla, Safari,...  
http_request = new XMLHttpRequest();  
if (http_request.overrideMimeType) {  
http_request.overrideMimeType('text/html');  
}  
} else if (window.ActiveXObject) { // IE  
try {  
http_request = new ActiveXObject("Msxml2.XMLHTTP");  
} catch (e) {  
try {  
http_request = new ActiveXObject("Microsoft.XMLHTTP");  
} catch (e) {}  
}  
}  
if (!http_request) {  
alert('Cannot create XMLHTTP instance');  
return false;  
}  
http_request.onreadystatechange = function()  
   {    
       document.getElementById('loading').innerHTML = 'loading...';

       if (http_request.readyState == 4) {  
       if (http_request.status == 200) {  
       //alert(http_request.responseText);  
       result = http_request.responseText;  
       document.getElementById('loading').innerHTML = '';

       document.getElementById(id).innerHTML = result;

       } else {  
       alert('There was a problem with the request.');  
       return false;

       }  
       }  
   }  
http_request.open('POST', url, true);  
http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  
http_request.setRequestHeader("Content-length", parameters.length);  
http_request.setRequestHeader("Connection", "close");  
http_request.send(parameters);  
return true;

}



function ajaxPost(){

poststr="DATA="+    encodeURIComponent(document.getElementById("name").value)+  
"BASIC_SPACE"+ encodeURIComponent(document.getElementById("noidung").value);

$$('path_to/insertdb.php','hienthi',poststr);

}

</script>

<div id="loading"></div>

<div id="hienthi">

<form action="javascript:ajaxPost();" method="post">

Tên: <input type="text" name="name" id="name"><br />

Nội dung: <textarea name="noidung" id="noidung">Nội dung mẫu</textarea>

<input type="submit" value="submit">

</form>

</html>



file insertdb.php

<?php

$data = $_POST['DATA'];

$tmp = explode('BASIC_SPACE',$data);

$name = $tmp[0];

$noidung = $tmp[1];

print 'Xử lý name: '. $tmp[0].' và noidung '.$tmp[1];

?>
Tác giả:TG
Webmaster
http://phpbasic.com