当您单击按钮时，我尝试使用 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!";
?>
最佳答案
您的代码中存在语法错误。您的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 页面中。
关于javascript - 单击按钮时使用ajax打印 "Hello World!"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34560608/