ajax表单提交

Question

我这里有这段代码

<script>
function req() {
  $("div.formbut").hide("slow");  
  $("div.inqform").show("slow");  
var targetOffset = $(\'div.inqform\').offset().top; $(\'html,body\').animate({scrollTop: targetOffset}, 1000);   
  }
$("submit2").click(req);
$("form").submit(function () {
  if ($("input").val() == "yes") {
    $("p").show(4000, function () {
      $(this).text("Ok, loaded! (now showing)");
   });
  }
  $("div.rates").hide("slow");
  $("div.ratesbut").hide("slow");  
  $("div.inqform").hide("slow");
  $("div.done").show("slow");
var targetOffset = $(\'div.done\').offset().top; $(\'html,body\').animate({scrollTop: targetOffset}, 1000);     
  return false; 
});
</script>

，“div.inqform”中有一个小表单。我注意到它没有被发布。 如何在不破坏已有内容的情况下提交表格？

提前致谢。

Answer 1

您在这里犯的错误是什么，我认为

$("submit2").click(req);  // change this to $("#submit2").click(req);
$("form").submit(function () { // change this to $("#form").submit(function () {

您必须使用 $("#submit2") 来表示 id="submit2"

并且必须使用 $(".submit2") for class="submit2"

另外从您的代码中删除 \' 并尝试

Answer 2

看来您正在使用 Prototype。有一个 form.request 方法可用，您可以使用它通过 ajax 提交表单并获取响应文本。

然而，您的表单看起来是通过 ajax 加载的，然后插入到 dom 中。所以你可能会遇到这里已经处理过的一些麻烦。您还可以从此问题和答案中获取必要的代码：

无法访问之前由innerHTML 使用Javascript/Prototype 创建的元素