使用ajax打印“;你好,世界"当你点击一个按钮时
Using ajax to print "Hello World!" when you click a button
当你点击一个按钮时,我正试图使用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
属性中的内容。
并在test1.php页面中添加这个div <div id="outputID"></div>
。
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 代码背后调用一个JavaScript函数的按钮点击-C#
- 禁用旋转木马中的下一个按钮和上一个按钮
- 做一个复活节彩蛋,JS动作点击5个按钮
- 如何在用户返回和上一个按钮时刷新下拉列表
- 测试一个简单的javascript按钮
- 如何创建一个“;显示更多“;按钮,并指定最初可以显示的文本行数
- 简单的垂直上一个和下一个按钮代码点击上下移动jQuery
- 按下一个HTML按钮,该按钮使用一个功能在同一个新窗口中打开URL
- HTML5历史记录-返回上一个完整页面按钮
- 两个提交按钮(一个隐藏,一个可见)
- 击倒阵列按钮一个功能
- 如何为jQuery中的每个数组元素附加不同的动画效果?并用2个按钮一个接一个地向前和向后设置动画(后退和下一步)
- 两个按钮一个窗体
- 如何提交单个表单并使用两个提交按钮一个按钮单击然后验证
- Jquery表单-两个按钮-一个使用ajax,一个不使用
- 多个PHP按钮?(一个按钮是提交按钮,其他按钮是函数)
- PHP表单- 2个按钮(一个销毁会话和重新加载页面和一个继续到下一页)
- 给按钮一个类,并使用javascript来挑选点击事件不工作