为了账号安全,请及时绑定邮箱和手机立即绑定

请问使用原生javascript发送ajax请求的步骤有哪些?

请问使用原生javascript发送ajax请求的步骤有哪些?

鸿蒙传说 2019-06-24 16:14:22
使用原生javascript发送ajax请求的步骤有哪些
查看完整描述

4 回答

?
泛舟湖上清波郎朗

TA贡献1818条经验 获得超3个赞

1 创建httprequest

2 根据ready.state状态进行响应

3 如果响应结束则显示结果

查看完整回答
反对 回复 2019-06-29
?
慕容708150

TA贡献1831条经验 获得超4个赞

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

<script type="text/javascript">

        //定义XmlhttpRequest对象

        var xmlrequest;

        //完成对对象XmlHttpRequest对象的初始化

        function createXmlHttpRequest(){

            if(window.XMLHttpRequest){

                //DOM 2浏览器

                xmlrequest = new XMLHttpRequest();

            }else if(window.ActiveXObject){

                //IE 浏览器

                try{

                    xmlrequest = new ActiveXOPbject("Msxml2.XMLHTTP");

                }catch(e){

                    try{

                        xmlrequest = new ActiveXObject("Microsoft.XMlHTTP");

                    }catch(e){

                         

                    }                   

                }

            }

        }

        //事件处理函数,当下拉列表选择改变时,触发改事件

        function change(id){

            //初始化XMLHttpRequest对象

            createXmlHttpRequest();

            //设置请求响应的URL

            var url = "second.jsp?id="+id;

            //打开与服务器响应地址的连接xmlrequest.open(method,url,async,user,password)

            xmlrequest.open("POST",url,true);

            //设置请求头(Post必须设置,GET方式不需要)

            xmlrequest.setRequestHeader("Context-Type","application/x-www-form-urlencoded");

            //设置处理响应的回调函数,此函数processResponse是自己定义的

            xmlrequest.onreadystatechange = processResponse;

            //发送请求

            xmlrequest.send(null);

        }

        //定义处理响应的回调函数

        function processResponse(){

            //响应完成且响应正常

            if(xmlrequest.readyState == 4){

                if(xmlrequest.status == 200){

                    //信息已经成功返回,开始处理信息

                    var headers = xmlrequest.getAllResponseHeaders();

                    //通过警告框输出相应头

                    alert("相应头的类型 "+ typeof headers + "\n" + headers);

                    //在页面输出所有的相应头

                    document.getElementById("output").innerHTML = headers;

                }else{

                    //页面不正常

                    window.alert("您所请求的页面异常。");

                }

            }

        }

    </script>


查看完整回答
反对 回复 2019-06-29
?
胡子哥哥

TA贡献1825条经验 获得超6个赞

get的传参没有传第二个
此处应先判断fun是否传对了
例如判断typeof fun === 'function'之后再调call

查看完整回答
反对 回复 2019-06-29
  • 4 回答
  • 0 关注
  • 1697 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信