美文网首页
Ajax网络请求

Ajax网络请求

作者: ZYzan | 来源:发表于2017-09-13 12:27 被阅读0次

响应行:相应状态码+原因短语
200----ok
404----not found
作用:我们进行接口调试的时候,可以通过状态码初步判断当前请求状况;
请求失败:
(1)我们自己的问题(4开头):请求路径错误、参数错误(类型|个数)、网络参数错误
(2)服务器的问题(5开头):


    Ajax发送GET请求的步骤:
    (1)创建请求对象(要做IE兼容性处理);
    var xhr;
    if(widow.XMLHttpRequest){
        xhr=new XMLHttpRequest();
    }else{
        xhr=new ActiveXObject('Microsoft.XMLHTTP');
    }
    var xhr=XMLHttpRequest();
    (2)设置请求路径:(这里有三个参数)
        第一个参数:请求方法(get或者post);
        第二个参数:请求路径;
        第三个参数:是否异步请求(true为异步,false不异步,一般总是为true)
    xhr.open('get','php_service/ajax_get.php',true);
    (3)发送请求;
    xhr.send();
    (4)监听请求状态(接受到响应);
    xhr.onreadystatechage=function(){
        //判断当前请求是否完成(接受到响应)
        if(xhr.readyState==4){
            
            //判断状态码如果为200,则表示请求成功;
            if(xhr.state==200){
                (5)解析服务器返回的数据:xhr.responseText
                cansole.log('请求成功,服务器返回的数据:',xhr.responseText);
            }else{
            cansole.log('请求失败');
            }
            
        }
    }

相关文章

  • AJAX网络请求

    一、什么是AJAX网络请求 1、AJAX 即“Asynchronous Javascript And XML”(异...

  • AJAX 请求网络

    一、引入jquery文件 二、请求方式 三、解决跨域访问 四、请求时携带cookie 五、AJAX跳转页面 六、跳...

  • Ajax网络请求

    GET:请求参数跟在URL后面传递http://127.0.0.0:80/Code/php_service.php...

  • JavaScript笔记(2):JavaScript的基本知识

    AJAX AJAX的全称是Asynchronous JavaScript and XML,就是异步响应网络的请求,...

  • React学习补充

    React 网络请求 方法一 原生请求,react自带的fetch请求方式: 方法二 ajax请求,react通过...

  • js 判断网络状态

    通过navigator.onLine判断当前网络状态: ajax请求

  • 第三十节:Vue请求:Axios请求

    1. 网络请求的方式 发送网络请求的方式有很多种,到目前为止,我们已经学过了原生ajax,jquery中的ajax...

  • Ajax基础知识

    1. 什么是Ajax Ajax是指JavaScript发送异步网络请求。 通过XMLHttpRequest对象与服...

  • 前端网络请求

    前端网络请求的方式主要有 Ajax ,jQuery封装的 Ajax,fetch,axios、request 等开源...

  • 20170814

    前端使用异步的场景 定时任务:setTimeout, setInverval 网络请求:ajax请求,动态 加载 ...

网友评论

      本文标题:Ajax网络请求

      本文链接:https://www.haomeiwen.com/subject/zyvksxtx.html