간단한 자바 스크립트 주석 양식

Question

나는 텍스트 영역과 제출 버튼이 있습니다.

단추를 클릭하면 텍스트 영역의 값을 단락 태그의 컨테이너에 넣을 수 있습니다. 이 값을 내 웹 서버에 저장하려고합니다.

어떻게 작성합니까?

감사

Answer 1

이 당신을 위해 단지 출발점입니다. 다음 작품은 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>'); 
} 
?> 

당신이 여기에서 할 일은, 자바 스크립트에서 사용자 입력의 유효성을 검사 그것을 서버의 유효성을 확인하다 PHP는 저장하기 전에 (미안보다 안전). 당신은 코멘트를 저장하는 자신의 방법을 생각해야하지만 나 개인적으로 나는 MYSQL을 사용할 것이다. 희망이 당신을위한 좋은 출발점입니다! 질문에 대한 답변이 있으면이 게시물을 표시하십시오.