Javascript 使用AJAX提交表单不起作用

我试图使用ajax将表单提交到其他页面，但它不会发送帖子

页面顶部的Javascript

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function(){
$(".button").click(function(){
    event.preventDefault();
    var name = $("#name").val();
    var dataVar = "name=" + name;
    $.ajax({
        type: "POST",
        url: "https://www.example.ee/index.php?e=area_sa&date=2010",
        data: dataVar,
        success: function() {
            alert("works");
        }
    });
  });
});
<script>

$（函数（）{
$（“.button”）。单击（函数（）{
event.preventDefault（）；
var name=$（“#name”）.val（）；
var dataVar=“name=”+name；
$.ajax({
类型：“POST”，
url:“https://www.example.ee/index.php?e=area_sa&date=2010",
数据：dataVar，
成功：函数（）{
警惕（“工作”）；
}
});
});
});

和HTML代码：

<form>
    <input type="text" name="name" id="name">
    <input type="submit" name="submit" class="button" value="Add">
</form>

---

它不起作用，因为您试图发出跨域AJAX请求

如果您有一个域mywebsite.com，则所有AJAX请求都应限于此域，例如mywebsite.com/example/AJAX/request

---

您尝试执行的操作（跨域请求）是可能的，但涉及到一个更复杂的解决方法，并且使用了不同的库调用。

您的单击事件似乎没有绑定到.button

在加载html元素之前绑定事件时会发生这种情况

几种解决方案：

1） 将JavaScript代码封装在加载事件中

2） 将JavaScript放在页面底部

3） 使用$（body）.on（'click'，'.button'，function（）{/*此处的代码*/}）

看起来你也在向外部域发帖， 如果您是所有者，请确保添加CORS策略