• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    AJAX下的请求方式以及同步异步的区别小结
    请求方式,分为GET与POST:
    GET
    最为常见的HTTP请求,普通上网浏览页面就是GET。GET方式的参数请求直接跟在URL后,以问号开始。(JS中用window.location.search获得)。参数可以用encodeURIComponent进行编码,使用方式:
    var EnParam = encodeURIComponent(param);
    URL只支持大约2K的长度,即2048字符数;使用GET进行AJAX请求时候会缓存导致出现的页面不是正确的,一般方法加random参数值;ajax.send(null)。
    POST
    向服务器提交数据用到。
    需要将form表单中的值先取出转换成字符串,用符号连接,(同GET传参数一样);提交数据量2GB ;使用ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'),处理提交的字符串;ajax.send(strings),这个strings表示form中需要提交的内容,例如a=1b=2类似这样的字符串。
    同步与异步:
    ajax.open方法中,第3个参数是设同步或者异步。prototype等js类库一般都默认为异步,即设为true。先说下同步的情况下,js会等待请求返回,获取status。不需要onreadystatechange事件处理函数。而异步则需要onreadystatechange事件处理,且值为4再正确处理下面的内容。
    (注:文中的 ajax 表示XMLHTTP请求对象。)
    复制代码 代码如下:

    //同步传输模式
    function RequestByGet(nProducttemp,nCountrytemp)
    {
    var xmlhttp
    if (window.XMLHttpRequest)
    {
    //isIE = false;
    xmlhttp = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
    //isIE = true;
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //Web page location.
    var URL="http://www.baidu.com/;
    xmlhttp.open("GET",URL, false);
    //xmlhttp.SetRequestHeader("Content-Type","text/html; charset=Shift_JIS")
    xmlhttp.send(null);
    var result = xmlhttp.status;
    //OK
    if(result==200)
    {
    document.getElementById("div_RightBarBody").innerHTML=xmlhttp.responseText;
    }
    xmlhttp = null;
    }

    //异步传输模式
    var xmlhttp
    function RequestByGet(nProducttemp,nCountrytemp)
    {
    if (window.XMLHttpRequest)
    {
    //isIE = false;
    xmlhttp = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
    //isIE = true;
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //Web page location.
    var URL="http://www.baidu.com/";
    xmlhttp.open("GET",URL, true);
    xmlhttp.onreadystatechange = handleResponse;
    //xmlhttp.SetRequestHeader("Content-Type","text/html; charset=UTF-8")
    xmlhttp.send(null);
    }
    function handleResponse()
    {
    if(xmlhttp.readyState == 4 xmlhttp.status==200)
    {
    document.getElementById("div_RightBarBody").innerHTML=xmlhttp.responseText;
    xmlhttp = null;
    }
    }
    您可能感兴趣的文章:
    • AJAX实现简单的注册页面异步请求实例代码
    • jquery的ajax异步请求接收返回json数据实例
    • ajax的工作原理以及异步请求的封装介绍
    • Ajax请求中的异步与同步,需要注意的地方说明
    • dojo学习第二天 ajax异步请求之绑定列表
    • ajax 同步请求和异步请求的差异分析
    • Vue form 表单提交+ajax异步请求+分页效果
    上一篇:ajax完美解决的下拉框的onchange问题
    下一篇:Ajax开始准备篇
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    AJAX下的请求方式以及同步异步的区别小结 AJAX,下,的,请求,方式,以及,