javascript – 如何从带有2个按钮的表单点击按钮发送Ajax请求？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何从带有2个按钮的表单点击按钮发送Ajax请求？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含987字，纯文字阅读大概需要2分钟。

内容图文

大家好,抱歉这里有点通用的问题.我是Ajax的新手,想要从一个页面向另一个页面发送请求,该表单有2个按钮.

<form method="post">
  <button id="button_1" value="val_1" name="but1">button 1</button>
  <button id="button_2" value="val_2" name="but2">button 2</button>
  <input id="access_token" type="hidden" name="access_token" value="<?php echo $_SESSION['access_token']; ?>" />
</form>

$(document).ready(function() {
  $("#button_1").click(function(e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: "/pages/test/",
      data: {
        id: $("#button_1").val(),
        access_token: $("#access_token").val()
      },
      success: function(result) {
        alert('ok');
      },
      error: function(result) {
        alert('error');
      }
    });
  });

  $("#button_2").click(function(e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: "/pages/test/",
      data: {
        id: $("#button_2").val(),
        access_token: $("#access_token").val()
      },
      success: function(result) {
        alert('ok');
      },
      error: function(result) {
        alert('error');
      }
    });
  });
});

有没有人有任何建议我如何改进这个代码,并可能将其合并为一个函数或什么？

提前致谢！

内容总结

以上是互联网集市为您收集整理的javascript – 如何从带有2个按钮的表单点击按钮发送Ajax请求？全部内容，希望文章能够帮你解决javascript – 如何从带有2个按钮的表单点击按钮发送Ajax请求？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端