JavaScript-POST请求方式

最新推荐文章于 2024-04-12 00:49:13 发布

[前端]-小王

最新推荐文章于 2024-04-12 00:49:13 发布

阅读量909

点赞数

分类专栏：常见问题 JS-POST请求文章标签： javascript html5 ajax

本文链接：https://blog.csdn.net/wy080815/article/details/119655926

版权

常见问题同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

JS-POST请求

1 篇文章 0 订阅

订阅专栏

JavaScript-POST请求方式

文章目录

JavaScript-POST请求方式
一、JavaScript 是什么？
二、使用步骤
- 1.直接上demo
总结

# 小伙伴们点赞、收藏、评论是对我最大的支持！！提示：以下是本篇文章正文内容，下面案例可供参考

一、JavaScript 是什么？

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式

二、使用步骤

1.直接上demo

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>JS---POST请求</title>
    <script>
        window.onload = function () {
            var oBtn = document.getElementById("btn1");
            oBtn.onclick = function () {
                //1、创建ajax对象
                var xhr = null;
                try {
                    xhr = new XMLHttpRequest();
                } catch (error) {
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
                }
                //2、调用open
                xhr.open("post", "1.post.php", true);
                //必须在send方法之前，去设置请求的格式
                xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
                /* 
                    post提交的数据，需要通过send方法进行提交
                    ?name1=value&name2=value2  search
                    name1=value&name2=value2   querystring
                 */
                //3、调用send
                xhr.send("username=yyy&age=19&password=123abc");
                //4、等待数据响应
                xhr.onreadystatechange = function () {
                    if (xhr.readyState == 4) {
                        //判断本次下载的状态码都是多少
                        if (xhr.status == 200) {
                            alert(xhr.responseText);
                        } else {
                            alert("Error:" + xhr.status);
                        }
                    }
                }
            }
        }
    </script>
</head>

<body>
    <button id='btn1'>POST请求</button>
</body>

</html>

JavaScript 菜鸟教程官网链接：https://www.runoob.com/js/js-tutorial.html

总结

小伙伴们点赞、收藏、评论是对我最大的支持！！

[前端]-小王

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript-POST请求方式

JavaScript-POST请求方式文章目录JavaScript-POST请求方式一、JavaScript 是什么？二、使用步骤1.直接上demo总结# 小伙伴们点赞、收藏、评论是对我最大的支持！！提示：以下是本篇文章正文内容，下面案例可供参考一、JavaScript 是什么？JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式
复制链接

扫一扫