Question

我正在编写一个HTML代码，其中我正在尝试使用AJAX，但每当我点击“提交”按钮时，似乎没有什么对我有效。

但是在我的代码中没有使用AJAX，我的表单工作得很好，所以可能是什么原因，请参阅下面的HTML代码（使用AJAX），这是无效的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script>
      $(function () {

        $('form').on('submit', function (e) {

          e.preventDefault();

          $.ajax({
            type: 'get',
            url: 'http://www.domain.com/offers/api.php',
            data: $('form').serialize(),
            success: function () {
              alert('form was submitted');
            }
          });

        });

      });
    </script>
<title>Untitled Document</title>
</head>

<body>
<form>
<input type="text" name="fname" />
<input type="text" name="lname" />
<input type="hidden" name="uname" value="amit" />
<input type="hidden" name="ukey" value="suri" />
<input name="submit" type="submit" value="Submit">
</form>

</body>
</html>

这是我原来的HTML脚本，它完美运行：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<form method="get" action="http://www.domain.com/offers/api.php" >
<input type="text" name="fname" />
<input type="text" name="lname" />
<input type="hidden" name="uname" value="amit" />
<input type="hidden" name="ukey" value="suri" />
<input type="submit" value="Submit" />
</form>

</body>
</html>

Answer 1

看起来这就是问题：

Cross-Origin Request Blocked: The Same Origin Policy disallows
reading the remote resource at [url].
This can be fixed by moving the resource to the same domain or enabling CORS.

同源政策解释：http://www.jquery-tutorial.net/ajax/same-origin-policy/

可能的解决方法：http://blog.edwards-research.com/2012/10/cross-domain-ajax-a-simple-workaround/

使用AJAX时，提交点击不响应

1 个答案: