Использование ajax для печати «Hello World!» когда вы нажимаете кнопку

Question

Я пытаюсь использовать ajax для печати «Hello World!», когда вы нажимаете кнопку, но по какой-то причине она не работает. Что я делаю не так?

test1.php

#testID { 
border: 1px solid purple; 
height: 50%; 
width: 50%; 
} 

<?php 

$commentID = "commentID"; 
$comment = "comment"; 

echo " 
<input type = 'submit' value = 'Post' onclick = \"ajaxPass('test2.php', $comment, $commentID,'testID')\"> 
<div id = 'testID'></div> 
"; 

?> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script type = "text/javascript"> 

function ajaxPass(action,comment,commentID,outputID) { 

$.ajax({ 
type: "POST", 
url: action, 
data: { comment: comment, commentID: commentID }, 
error: function(xhr,status,error){alert(error);}, 
success:function(data) { 
document.getElementById(outputID).innerHTML = data;   
} //end of success:function(data) 
}); //end of $.ajax({ 

} //end of function ajaxPass(action,comment,commentID,outputID) 

</script> 

test2.php

<?php 

echo "Hello World!"; 

?> 

Answer 1

Там есть ошибка синтаксиса в коде. Ваше echo заявление должно быть так:

echo "<input type = 'submit' value = 'Post' onclick = \"ajaxPass('post.php', '{$comment}', '{$commentID}','testID')\"><div id = 'testID'></div>"; 

Использование ctrl+u в вашем браузере, чтобы увидеть исходный код, и проверить, что там в onclick атрибута.

А также добавьте это div <div id="outputID"></div> в ваш test1.php страница.