2

我有一个简单的单选按钮，用于使用 jQuery .post 将数据异步提交到脚本。单击按钮时，脚本不会越过 .post 行，并且不会返回任何错误。

// this part submits the button click
    $(document).ready(function() {
      alert('test 1');
      $("input:radio").change(function() {
          alert('test 2');
          $.post('http://google.com/', {'resolution':$(this).val()}, function(data) {
           alert('test 3');
         });
      });
    });

html在这里：

<input type='radio' id='radio1' name='resolution'   checked/>
<input type='radio' id='radio2' name='resolution'  />

有一些额外的 CSS 用于美化这些单选按钮（使它们成为切换按钮）。

半工作示例在这里。

是什么阻止 .post 行工作？（我应该看到一个带有“test 3”的弹出窗口）。

4

1 回答 1

3

您的 Ajax 帖子失败的原因有多种。

1) 当我尝试使用 Firebug 调试您的帖子时，很明显 Google 搜索 (www.google.com) 不接受帖子数据。返回“405 Method not allowed”的错误。这就是为什么您的帖子没有“成功”的原因。因此，我将 URL 更改为 www.imgur.com 之类的 URL，或任何其他接受发布数据的 URL。

2) 为了让您的“测试 3”出现，您发布到的服务器或 URL 必须发回一些数据。如果帖子仍然成功但服务器发送空响应，则不会出现警报消息“测试 3”。尝试在您的服务器端回显某些内容。

于 2013-08-08T15:08:36.993 回答