javascript - 传递事件数据时未触发 jquery 表单提交

Question

我正在尝试通过单击按钮提交包含事件数据的表单。我有以下 jquery 代码来触发该事件。但它没有被触发。

$(function() {

  $('#button1,#button2').on('click', function(e) {
    //e.preventDefault();
    $('form#form1').submit({
      "url": "url"
    }, doSomethint);
  });

  function doSomethint(e) {
    var url = ev.data.url;
    alert(url);
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="submit" id="button1">Button1</button>
<button type="submit" id="button2">Button2</button>

<form id="form1">
  <input type="text" value="123">
</form>

https://jsfiddle.net/1bdesjof/

Answer 1

因为提交按钮不在表单标签中，并且变量 ev 未定义。

$(function() {

  $('#button1,#button2').on('click', function(e) {
    //e.preventDefault();
    $('form#form1').submit({
      "url": "url"
    }, doSomethint);
  });

  function doSomethint(ev) {
    var url = ev.data.url;
    alert(url);
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form1">
<button type="submit" id="button1">Button1</button>
<button type="submit" id="button2">Button2</button><br/>
  <input type="text" value="123">
</form>