var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//请求方式 请求地址 是否异步加载
xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
//请求头可以不设置
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//要发送的数据,仅POST需使用参数
xmlhttp.send("fname=Henry&lname=Ford");
发送一个请求
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","",true);
xmlhttp.send()
实例解析 - showHint() 函数
当用户在翻译网页的输入框中键入字符时,会执行函数 "showHint()" 该函数由 "onkeyup" 事件触发
function showHint(str)
{
var xmlhttp;
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//每当readyState产生变动时执行
xmlhttp.onreadystatechange=function()
{
//如果readyState变动到第4次并请求状态为200则视为请求成功
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
//将翻译内容展示到某个区域
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/try/ajax/gethint.php?q="+str,true);
xmlhttp.send();
}
网友评论