AJAX

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();
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 X...
    鹿守心畔光阅读 11,867评论 7 135
  •   2005 年,Jesse James Garrett 发表了一篇在线文章,题为“Ajax: A new App...
    霜天晓阅读 4,392评论 0 1
  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 8,706评论 0 7
  • 浏览器与服务器之间,采用HTTP协议通信。用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏...
    许先生__阅读 3,449评论 1 2
  • 【百度云搜索,搜各种资料:http://bdy.lqkweb.com】 【搜网盘,搜各种资料:http://www...
    攻城狮笔记阅读 8,795评论 0 3

友情链接更多精彩内容