【问题标题】:My ajax code has a problem, and i don't know what can I do我的ajax代码有问题,不知道怎么办
【发布时间】:2018-09-24 12:28:06
【问题描述】:

这就是代码。问题是,当我按下按钮时它什么也没做,我只想检查 ajax 是否有效。我的意思是当我按下按钮以提醒我数据时.. 这是 index.php

<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <div class = "container">
        <div class = "jumbotron">
            <input type = "username" name = "username" id = "username" placeholder = "username">
            <input type = "password" name = "password" id = "password" placeholder = "password">
            <button name = "startRegister" id = "startRegister">Register</button>
        </div>
    </div>
</body>
<script>
    $(document).ready(function(){
        $('#startRegister').click(function(event){
            event.preventDefault();
            var user = $('#username').val();
            var pass = $('#password').val();
            $.ajax({
                url:"register.php",
                method: "post",
                data: {username: user, password: pass},
                succes:function(data){
                 alert(data);
                }
            });
        });
    });
</script>
</html>

这是 register.php

<?php
 echo "Welcome to first php !";
?>

带有我的文件的图像: enter image description here

【问题讨论】:

  • 这和php有什么关系?
  • 这里有太多可能的原因,我们不知道您是如何使用它的,是在个人计算机上还是在某处的主机上。 PHP 需要在其上运行并安装 PHP 的网络服务器。对我来说,这个问题还不清楚。
  • 您可以使用浏览器中的调试工具查看 ajax 调用尝试发出的请求。我想一开始你会发现“register.php”不是一个有效的 URL。
  • 看,我只想要我的代码是否有效。我的意思是当我用 ajax 运行 jquery 来向我发送警报时。我在 localhost 上使用 xampp。
  • 补充杰里所说的;启用错误报告,并检查您的日志。

标签: jquery html ajax


【解决方案1】:

如果它没有为您做任何事情,那么您可能没有达到您所瞄准的“成功”触发器。最好打开控制台(如果您使用的是 Google Chrome,请右键单击 -> Inspect)并在点击按钮后检查那里的任何消息。

在您复制的代码中,您有“成功”,而触发器实际上是“成功”(双 s)

此外,您还可以扩展 AJAX 调用以进行错误处理:

 data: {username: user, password: pass},
 success:function(data){
      alert(data);
 },
 error: function (request, status, error) {
      alert(request.responseText);
 }

【讨论】:

  • 当我按下按钮时,它什么也没说,但它显示了 1 个错误:错误:脚本“adblock”的执行失败!放映时间未定义
  • 你应该在你的 AdBlock 中将 localhost 列入白名单,毕竟它是你自己的游乐场,没有什么可以阻止的 :) 另外,检查我的编辑,我发现你的代码中有一个错字导致这整个头痛 ;)跨度>
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-11-12
  • 1970-01-01
  • 1970-01-01
  • 2018-08-19
  • 2021-06-21
  • 1970-01-01
相关资源
最近更新 更多