html 尝试使用Javascript在我的网站上创建评论部分

tp5buhyn 于 2022-12-02 发布在 Java

关注(0)|答案(1)|浏览(148)

好的，我正在尝试用javascript在我的网站上创建一个评论区。到目前为止，我看过的教程真的很难理解。我想知道的是我如何将字符串和数字发布到服务器上。这是我目前所拥有的...
我一点也不开心。我用的是外部javascript文件。
到目前为止，HTML代码如下：

<form action="#" class="add_comment">

        <label>Name
          <input type="string" name="name">
        </label><br>
        <label>Email
          <input type="string" name="email">
        </label><br>
        <label>Comment
         <textarea name="comment"></textarea>
        </label>
        <input type="submit" value="Add Comment">
      </form>

下面是Javascript：

....bloody nowhere.

我实际上使用Javascript，但它是痛苦的尴尬的东西，我试图从W3schools.com编辑。然而，所有他们有在HTML中使用的代码，我需要一个外部Javascript文件。
正如你所看到的，我真的很挣扎。我需要评论，名字等张贴到一个网址。我真的很想得到一些建议，在哪里我可以找到这方面的材料。我谷歌什么都没有（也许是因为我的措辞我的问题错误）。
任何教程链接或建议，也许从某人得心应手与Javascript将是惊人的。

Html

来源：https://stackoverflow.com/questions/30143496/trying-to-create-a-comments-section-on-my-website-using-javascript

1条答案

按热度按时间

wxclj1h51#

下面是一个简单的例子，说明您希望实现的目标：

$(function(){
    $("#form").submit(function(e){
        // Create data object
        var data = {};
        data.name = $("#name").val();
        data.email = $("#email").val();
        data.comment = $("#comment").val();
        // The url of your server-side script that handles the post submission
        var url = "http://www.someurl.com/post_comment.php";
        $.POST(url, data)
        .done(function(response){
            // This code executes when the server returns a response
            // Do something with the response like adding the comment to the current list of comments
            // Example (if your response is HTML, better would be a JSON string):
            $("#comments").append(response);
        });
        e.preventDefault();
    });
});

您必须将HTML更改为：

<form id="form" action="javascript:void('');" class="add_comment">

        <label>Name
          <input id="name" type="string" name="name">
        </label><br>
        <label>Email
          <input id="email" type="string" name="email">
        </label><br>
        <label>Comment
         <textarea id="comment" name="comment"></textarea>
        </label>
        <input type="submit" value="Add Comment">
      </form>

请注意添加的id和action=“javascript：void（''）;“

赞(0）回复(0）举报 2022-12-02

我来回答

html 尝试使用Javascript在我的网站上创建评论部分

1条答案

相关问题

热门标签

最新问答