简单的Javascript注释表单

Simple Javascript Commenting Form

本文关键字：表单 注释 Javascript 简单      更新时间：2023-09-26

我有一个文本区域和一个提交按钮。

单击按钮时，我希望将文本区域的值放置在容器中（段落标记中）。我希望这个值存储在我的网络服务器上。

我该怎么写？

感谢

这只是您的一个起点。以下方法100%有效，但您也必须在其中投入一点工作。

html-

<div id="MyComments"></div>
<input type="text" id="name"/>
<textarea id="comment"></textarea>
<input type="submit" id="" value="Go!" onclick="comment();"/>

Javascript-

function comment(){
//Store elements in a variable.
var name= document.getElementById("name");
var comment= document.getElementById("comment");
//I would recommend checking/validating the users input.
var hr = new XMLHttpRequest();
//Sending the comment to AddComment.php
var url = "AddComment.php";
var vars = "name="+name.value+"&comment="+comment.value;
    hr.open("POST", url, true);
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    hr.onreadystatechange = function() {
if(hr.readyState == 4 && hr.status == 200) {
    var return_data = hr.responseText;
/*Comment post successfully sent.
return_data = your php reply, you can append a new element to your webpage to 
display the php result/comment.
Remove loading icon if you have added.*/
var target = document.getElementById('MyComments');
var ElementType = document.createElement('p');
//Set attributes to your element /onclick/ID/Class/style(in-line style)
ElementType.setAttribute('align', 'center');
target.appendChild(ElementType);
//Insert the php result into the new P element.
ElementType.innerHTML=return_data;
}}
//Send the comment to the php
hr.send(vars);
//Here you can display a loading icon.
}

PHP-

<?php
if(isset($_POST['name'])&&($_POST['comment'])){
die('<b>'.$_POST['name'].':</b> <i>'.$_POST['comment'].'</i>');
}
?>

从这里开始，您所要做的就是验证javascript中的用户输入，在保存之前在php中验证服务器端输入（安全总比抱歉好）。你必须考虑自己保存评论的方法，但就我个人而言，我会使用MYSQL。希望这对你来说是一个好的起点！如果这回答了你的问题，请标记这篇文章。

相关文章：