Question

好的，所以我正在尝试使用我网站上的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文件。

你可以看到我真的很挣扎。我需要将评论，姓名等发布到网址。我真的很喜欢在哪里可以找到关于这些东西的材料。我google的所有内容都没有任何结果（也许是因为我说错了我的问题）。

任何教程链接或者来自使用Javascript的人的建议都会很棒。

Answer 1

你想要完成的一个简单例子就是这样：

$(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（''）;”

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

1 个答案: