码迷,mamicode.com
首页 > Web开发 > 详细

ajax

时间:2020-05-16 10:46:40      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:var   async   doc   文件名   情况   过程   asc   写法   code   

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

创建过程:

function ajax(url, fnSucc, fnFaild)
{
    //1.创建Ajax对象
    if(window.XMLHttpRequest)
    {
        var oAjax=new XMLHttpRequest();
    }
    else
    {
        var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    //2.连接服务器
    //open(方法, 文件名, 异步传输)
    oAjax.open(GET, url, true);
    
    //3.发送请求
    oAjax.send();
    
    //4.接收返回
    oAjax.onreadystatechange=function ()
    {
        //oAjax.readyState    //浏览器和服务器,进行到哪一步了
        if(oAjax.readyState==4)    //读取完成
        {
            if(oAjax.status==200)    //成功
            {
                fnSucc(oAjax.responseText);
            }
            else
            {
                if(fnFaild)
                {
                    fnFaild(oAjax.status);
                }
                //alert(‘失败:‘+oAjax.status);
            }
        }
    };
}

 

整合写法

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/ajax/gethint.asp?q="+str,true);
xmlhttp.send();

 

ajax

标签:var   async   doc   文件名   情况   过程   asc   写法   code   

原文地址:https://www.cnblogs.com/topass123/p/12899012.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!