在页面上以少量表格提交表格一次

时间:2016-02-02 20:07:40

标签: jquery ajax forms

我希望在一个页面上有几个表单,不要重新加载它。我实际上有一个带有提交输入的两个表单的html文件。我正在使用jQuery删除(早先隐藏)一个表单,并在点击后显示另一个表单。提交输入。如果我发送两个表格,结果会在两分钟后分钟加倍。即使使用preventDefault事件方法,最后返回false并删除表单。这是代码:

formField.submit(function (event) {
    var newMark = {
      startingNumber: $("#startNum").val(),
      category1: $("#firstCat").val(),
      category2: $("#secondCat").val(),
      category3: $("#thirdCat").val(),
      category4: $("#forthCat").val(),
      category5:$("#fifthCat").val()
    };

    event.preventDefault();
    event.stopImmediatePropagation();
$.ajax({
    url: "/horseRate",
    type: "POST",
    dataType: "JSON",
    data: JSON.stringify(newMark),
    processData: false,
    contentType: 'application/json; charset=UTF-8',
    success: function (data)
    {
        alert("OK" + data);
    },
    error: function (xhr, desc, err)
    {


    }
});
$( "#formField" ).remove();
formFieldTwo.show();
return false;

  });

  formFieldTwo.submit(function (event) {
  var newMarkTwo = {
    startingNumber: $("#startNum2").val(),
    category1: $("#firstCat2").val(),
    category2: $("#secondCat2").val(),
    category3: $("#thirdCat2").val(),
    category4: $("#forthCat2").val(),
    category5:$("#fifthCat2").val()
  };

  event.preventDefault();
  event.stopImmediatePropagation();
$.ajax({
    url: "/horseRate",
    type: "POST",
    dataType: "JSON",
    data: JSON.stringify(newMarkTwo),
    processData: false,
    contentType: 'application/json; charset=UTF-8',
    success: function (data)
    {}
});

    $( "#formFieldTwo" ).remove();
    formFieldThree.show();
    return false;
  });

}); 有什么想法吗?

0 个答案:

没有答案