在html中使用ajax

最新推荐文章于 2024-10-01 00:19:25 发布

Retest

最新推荐文章于 2024-10-01 00:19:25 发布

阅读量2.7w

点赞数 5

文章标签： ajax

本文链接：https://blog.csdn.net/qq_41104976/article/details/84494429

版权

最近在学ajax，然后昨天晚上遇到一个问题，困扰了我好久，通过ajax来异步发送请求。我按照我jsp上面的一样写过来，就过就出错了。刚开始报了一个缺少header什么，然后就在服务器端加了一个
response.addHeader(“Access-Control-Allow-Origin”, “*”);
然后就解决了问缺少header的问题。写代码就是这样的，每次处理了一个问题，总会冒一个新的BUG出来，头疼的很。不过这样也好，下次遇到这个问题后就不会再浪费时间来处理这个问题了，哈哈。
我加了header之后，能返回数据了，但是！我的success方法和error方法都没有执行，昨天晚上查了好久都没查出来，最后！发现我的success这个单词写错了(我写成seccess了)，哇，真的是那个气啊。
以后检查代码的时候还是要仔细看下那个单词怎么写的。
最后贴上我的源码：`

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title></title>
  <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
</head>

<body>
  <form id="loginForm">
    <input type="text" name="username" id="username">
    <input type="password" name="password" id="password">
    <button type="button" name="login" id="login">登陆</button>
  </form>
</body>
<script type="text/javascript">


  $("#login").click(function() {
    var formData = $("#loginForm").serialize();
    console.log(formData);
    alert(formData);
    $.ajax({
      url: "****",

      dataType: "json",
      type: "post",
      data: formData,

      success: function(result) {  //这里就是我出错的地方
       alert(result.msg);
      },
      error: function(data) {
        alert("请求出错");
        alert(data);
      }
    });
  });
</script>

</html>`