web之XmlHttpRequest

最新推荐文章于 2024-07-07 19:49:58 发布

g0415shenw

最新推荐文章于 2024-07-07 19:49:58 发布

阅读量345

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/g0415shenw/article/details/84074786

版权

web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

想通过web发送http请求到后台，然后根据应答的消息进行处理。

这里通过js的XmlHttpRequest类来实现。直接上例子

相关知识说明：

1、发送json字符串：

            var data = { ip: '2', name: 'abc' };
            var jsonstr = JSON.stringify(data);

2、关于应答的状态码：

每个XHR对象中都有一个readystate属性。一旦该属性值改变就会触发readystatechange事件。该属性可能的状态中有：

0——未初始化状态
1——载入请求状态
2——载入请求完成状态
3——请求交互状态
4——请求完成状态

完成的实例如下：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>XmlHttpRequest</title>
</head>
<body>
    <button onclick="test()">XmlHttpRequest</button>
    <script>
        function test()
        {
            var xhr = new XMLHttpRequest();
            xhr.timeout = 3000;
            var data = { ip: '2', name: 'abc' };
            var jsonstr = JSON.stringify(data);
            xhr.open('POST', 'http://192.168.31.188:8080/a.m3u8');
            xhr.send(jsonstr);
            xhr.onreadystatechange = function()
            {
                if(xhr.readyState==4 && xhr.status == 206)
                {
                    alert(xhr.responseText);
                }
            }
        }
    </script>
</body>
</html>