个人中心
gpt4 book ai didi

javascript - 为什么不显示消息？

转载 作者：行者123 更新时间：2023-12-02 14:52:34 26 4
gpt4 key购买 nike

我正在编写一个简单的 HTML 表单来测试我构建的 PHP 数据库应用程序。它正在可验证地将项目添加到数据库，但拒绝创建显示消息。谁能解释一下这是怎么回事？

这是我的代码:

<!DOCTYPE html>
<html lang="en-us">
    <head>
        <meta charset="utf-8"/>
        <style>
            textarea {
                width: 90%;
                height: 300px;
                border-radius: 12px;
            }
            
            form {
                max-width: 50%;
                top: 10px;
                bottom: 10px;
                padding: 1%;
                margin: auto;
                height: 880px;
                background: radial-gradient(#888, #999, #aaa, #bbb, #ccc, #ddd, #eee);
            }
            
            label[for=description] {
                display: block;
            }
            
            body {
                background: steelblue;
            }
        </style>
    </head>
    <body>
        <form>
            <label for="name">Name:</label>
            <input id="name" name="name"/>
            <hr/>
            <label  for="description">Description:</label>
            <textarea id="des" name="cost"></textarea>
            <hr/>
            <button onclick="sendData()">Create Class</button>
        </form>
        <script>
            var n;
            var descript;
            function sendData() {
                n = document.getElementById("name").value;
                descript = document.getElementById("des").value;
                var http = new XMLHttpRequest();
                http.onreadystatechange = function() {
                    if (http.readyState == 4 && http.status == 200) {
                        response(http.responseText);
                    }
                };
                http.open("GET", "class_add.php?name=" + name + "&descript=" + descript, true);
                http.send();
            }

         /*This is supposed to make the display msg*/   function response(txt) {
                var p = document.createElement("p");
                p.innerHTML = txt;
                p.style.fontSize = "30px";
                p.style.fontFamily = "Comic Sans MS";
                p.style.color = "magenta";
                document.body.appendChild(p);
            }
        </script>
    </body>
</html>

最佳答案

您正在提交表单，页面正在自行重新加载并清除所有更改。 default type按钮元素的 是submit，因此将其更改为按钮，这样单击它就不会提交表单:

<button type="button" onclick="sendData()">Create Class</button>

关于javascript - 为什么不显示消息？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36075575/

26 4 0
文章推荐： javascript - 通过ajax formdata发布文件
文章推荐： java - JFrame 的 pack() 方法不起作用(java，ubuntu)
文章推荐： string - 为什么不使用字符串缓冲区而不是不可变字符串？
文章推荐： javascript - 如何将值从一个区域转移到另一个区域
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com