Question

我有一个表单，用于检查我正在处理的电子商务项目中是否有可用的库存项目。您可以在表单中看到，我有2个按钮，并且在formm中，为了使第一个函数工作，我使用了行<form class="text-center" onsubmit="addclient();return false">我有2个其他函数添加客户端并移动客户端。这行代码添加了客户端，还有第二个移动客户。但我只能称之为“注册”功能。

如何使用第二个按钮将第二个功能合并到此表单中。我是ajax的新手，这是非常复杂的东西。希望有人可以分享他们的专长。我很欣赏这是一个菜鸟问题

提前感谢您帮助我

我有2个功能：

function checkavailability() {
    jQuery("#loading1").slideDown();
    jQuery.post("cart.php", { a: "options", sld: jQuery("#sld").val(), extension: jQuery("#extension").val(), checktype: 'register', ajax: 1 },
    function(data){
        jQuery("#results").html(data);
        jQuery("#results").fadeIn();
        jQuery("#topsay").hide();
        jQuery("#loading1").slideUp();

    });
}

第二个功能

function moveclient() {
    jQuery("#loading1").slideDown();
    jQuery.post("cart.php", { a: "options", sld: jQuery("#sld").val(), transfer: jQuery("#transfer").val(), checktype: 'transfer', ajax: 1 },
    function(data){
        jQuery("#results").html(data);
        jQuery("#results").slideDown();
        jQuery("#loading1").slideUp();
    });
}

表格

<form onsubmit="checkavailability();return false">
  <input type="hidden" name="direct" value="true" />

     <input name="sld" id="sld" type="text" />  

     <div class="col-xs-12 col-sm-2">    
          <select>
              <option>Date1</option>
              <option>Date2</option>
              <option>Date3</option>
              <option>Date4</option>

           </select>
      </div>

    <button type="submit" class="button">Move</button>
    <button type="submit" class="button">Register</button>

</form>

Answer 1

您可以将按钮类型更改为按钮，添加类购物车，并添加数据属性数据传输以区分按钮操作。

<form id="form_id">
    ...
    <button type="button" class="button cart" data-transfer="transfer">Move</button>
    <button type="button" class="button cart" data-transfer="register">Register</button>
    ...

在你的剧本中：

$(".cart").click(function(){
      var transfer_type = $(this).data("transfer");
      $("#loading1").slideDown();
      $.post("cart.php", { a: "options", sld: jQuery("#sld").val(), transfer: jQuery("#transfer").val(), checktype: transfer_type, ajax: 1 },
      function(data){
          HERE CODE RESPONSE
          $("#results").html(data);
          $("#results").slideDown();
          $("#loading1").slideUp();
          $("#form_id").submit();
      });
});

//Replace addClient() for submit event
$("#form_id").submit(function(e){
    e.preventDefault();
    //if need AJAX
    //CODE AJAX
    // or SUBMIT (POSTBACK)
    //this.submit();
    alert('SUBMIT');
});

AJAX表单 - 组合函数

1 个答案: