Question

如何将两个单独的javascripts合并为一个？我有两个单独的javascripts。一个表格数据发送到post.php页面没有页面刷新和刷新DIV内容（div.php），但第二个禁用相应的表单提交按钮。如何将此代码合并为一个？（并不是说我在一个页面中有很多不同身份的表格）。问题出现在IE9上，这个脚本双重提交数据!!!

＆＃13;

$(function() {
  $('form').on('submit', function(e) {
    $.ajax({
      type: 'post',
      url: 'post.php',
      data: $(this).serialize(),
      success: function(returnedData) {
        $('#sidebar').load('div.php');
      }
    });
    e.preventDefault();
  });
});
$(document).ready(function() {
  $('input[type=submit]').click(function() {
    $(this).prop("disabled", true);
    $(this).val("Selected");
    $(this).closest('form').trigger('submit');
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

Answer 1

删除

</script>

<script>

你已经完成了; - ）

我会更进一步：

$(document).ready(function () {
    $('form').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: 'post.php',
            data: $(this).serialize(),
            success: function (returnedData) {
                $('#sidebar').load('div.php');

            }
        });
        return false;
    });

    $('input[type=submit]').click(function () {
        $(this).prop("disabled", true);
        $(this).val("Selected");
        $(this).closest('form').trigger('submit');
    });
});

Answer 2

要合并这两个代码，只需删除代码

即可

});</script><script>$(document).ready(function () {

为了防止在ie9中提交双重表单，请使用return false：

$('form').on('submit', function (e) {
e.preventDefault();
$.ajax({
    type: 'post',
    url: 'post.php',
    data: $(this).serialize(),
    success: function (returnedData) {
        $('#sidebar').load('div.php');

    }
});
return false;});

如何将两个单独的javascripts合并为一个？

2 个答案: