javascript - 使用 JQuery 进行 Ajax 调用?

标签 javascript php jquery html ajax

我一直在尝试更改 <div> 的内容使用 JQuery Ajax 调用。 但是当我按下 onclick <a> 时什么也没有发生元素。 这是我当前正在测试的代码: Front.php:

<html>
<head>
<script type="text/javascript" src="jquery.js">
function testAjax()
{
   $.ajax({
     type: "GET",
     url: 'Back.php',
     data: "id=", // Not using this yet >.<
     success: function(data) {
          $('#test').html(data);
     }
   });
}
</script>
</head>
<body><div id="test">HELLO</div>
<a href="javascript:void(0);" onclick="testAjax()">Change this</a></body>
</html>

这是我的 Back.php:

<?php
echo "test";
?>

当我单击“更改此”时,没有任何反应,但是 <div id="test"> 中的内容应更改为“测试”。有人可以帮助我解决我做错的事情吗?谢谢。

最佳答案

您没有关闭第一个脚本标记并为内联脚本打开一个新标记。

<script type="text/javascript" src="jquery.js"></script>
<script>
function testAjax()
{
    ...

关于javascript - 使用 JQuery 进行 Ajax 调用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20156647/

相关文章:

javascript - margin 不会动画回到 0 吗?

php - 10 月 CMS 使用迁移创建 UUID 默认值触发器

javascript - javascript 文件中的缩小 CSS - 为什么?

javascript - 使用javascript将js值传递给另一个php页面并接收值

javascript - 基于网格列值的 Kendo UI 网格编辑器

php - 500内部服务器错误在PHP中引用文件时?

php - .htaccess 在 Linux 上不工作

javascript - "#button_1"不受 .click() 或 .hover() 的影响

jquery - 与 Webpack 捆绑时无法使 Tether 用于 Bootstrap 4

php - 在php中使用jquery ajax更新记录