我一直在尝试通过ajax请求运行一个小的php脚本。更大的图景是，我想在单击按钮时以html表单将数据存储在我的数据库中，而无需在同一次单击时实际提交该表单。但是，由于我是编程新手，因此我试图首先使基本原则发挥作用。为了进行测试，我做了一个最小的例子。在 ajaxtest.hml 中，我制作了一个应该执行函数的按钮。该函数应该执行ajax请求以执行测试.php（位于同一文件夹中）。测试.php应该只返回“你好世界”。但是，该按钮不起作用，我无法弄清楚出了什么问题。click()我的密码.html：<html><meta charset="UTF-8"><body> <button type="button" onclick="click()">Click Me</button> <p id="p"></p> <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"> function click(){ $.ajax({ type: 'POST', url: 'testing.php', success: function(data) { alert(data); } }); } </script></body></html>和测试.php：<?phpecho "Hello World"; ?>这可能是我在这里犯的一个典型的新手错误，但是到目前为止，关于这个和类似主题的不同帖子的丛林并没有帮助我......任何帮助都非常感谢！
5 回答
梦里花落0921
TA贡献1772条经验 获得超6个赞
您可以尝试隐式调用该函数
<html>
<meta charset="UTF-8">
<body>
<button id="testbutton" type="button">
Click Me
</button>
<p id="p"></p>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$('body').on('click', '#testbutton', function(){
$.ajax({
type : 'POST',
url : 'testing.php',
success : function(data) {
alert(data);
}
});
});
</script>
</body>
白猪掌柜的
TA贡献1893条经验 获得超10个赞
在我看来，你有3件事需要解决：
您缺少函数的开始标记，因为您目前拥有的开始脚本标记是针对您正在引用的 jquery 库的。
<script>此外，不要使用保留字“click”作为函数名称。我已将其更改为“我的功能”
将函数定义移动到页面中的适当位置。
如果您尝试下面的代码，它应该可以正常工作。我希望这有帮助。
<html>
<meta charset="UTF-8">
<body>
<script>
function myclick(){
alert('posting!');
$.ajax({
type: 'POST',
url: 'testing.php',
success: function(data) {
alert(data);
}
});
}
</script>
<button type="button" onclick="myclick()">Click Me</button>
<p id="p"></p>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"/>
</body>
</html>
明月笑刀无情
TA贡献1828条经验 获得超4个赞
我建议这样：（将它而不是你的代码替换成Body标签。
<button type="button" id="ajaxBtn">Click Me</button>
<p id="p"></p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
const btn=document.getElementById('ajaxBtn');
btn.addEventListener('click',click);
function click(){
$.ajax({
type: 'POST',
url: 'testing.php',
success: function(data) {
alert(data);
}
});
}
</script>
FFIVE
TA贡献1797条经验 获得超6个赞
您的代码有一些问题：首先，它不是一个正确的HTML文件。每个 HTML 文件都应该有一个 标记，并且 标记中应包含 标记。<head></head><body></body><html></html>
其次，您希望在 部分中加载脚本。您还可以在其中定义标题，元标记，样式表等。<head>
第三，你的标签是错误的。加载脚本，同时定义函数。这应该是两个操作。<script>
我认为你的脚本会看起来像这样：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
</head>
<body>
<button type="button" onclick="click()">Click Me</button>
<p id="p"></p>
</body>
<script>
function click(){
$.ajax({
type: 'POST',
url: 'testing.php',
success: function(data) {
alert(data);
}
});
}
</script>
</html>
有关 HTML 的信息，请参阅 W3 学校
- 5 回答
- 0 关注
- 154 浏览
添加回答
举报
0/150
提交
取消