表单提交问题，如何在我的URL末尾获得ID的值

Form Submission issue, how I can get value of ID at end of my URL?

本文关键字：的值 ID URL 我的 问题 表单提交      更新时间：2023-09-26

我有以下代码，我想在点击按钮时提交我的表单，点击功能运行良好，但请告诉我如何在下面的代码中提到的URL末尾分配"ID"值。

  <script type="text/javascript">
    $(document).ready(function() {
    $(".btn-success").click(function(){
    var ID = $(this).prev('.sendEmail').attr('id');
        alert(ID);
    });
    });
    </script>

    <script type="text/javascript">
    $(document).ready(function() {
      var form = $('#form2'); // contact form
      var submit = $('#submit2');  // submit button
      var alert = $('.alert'); // alert div for show alert message


      // form submit event
      form.on('submit', function(e) {
        e.preventDefault(); // prevent default form submit
        $.ajax({
          url: '//mydomain.com/'+ID, 
          type: 'POST', // form submit method get/post
          dataType: 'html', // request type html/json/xml
          data: form.serialize(), // serialize form data 
          beforeSend: function() {
            alert.fadeOut();
            submit.html('Sending....'); // change submit button text
          },
          success: function(data) {
            alert.html(data).fadeIn(); // fade in response data
            form.trigger('reset'); // reset form
            submit.html('&#10004; Alert Successfully Sent!'); // reset submit button text
          },
          error: function(e) {
            console.log(e)
          }
        });
      });
    });
    </script>

您需要使ID var全局：

var ID;
$(document).ready(function() {
    $(".btn-success").click(function(){
        ID = $(this).prev('.sendEmail').attr('id');
        alert(ID);
    });
});

你的代码的其余部分

或者，如果您组合文档准备调用：

$(document).ready(function() {
    var ID;
    $(".btn-success").click(function(){
        ID = $(this).prev('.sendEmail').attr('id');
        alert(ID);
    });
   var form = $('#form2'); // contact form
   var submit = $('#submit2');  // submit button
   var alert = $('.alert'); // alert div for show alert message
   form.on('submit', function(e) {
    e.preventDefault(); // prevent default form submit
    $.ajax({
      url: '//mydomain.com/'+ID, 
      type: 'POST', // form submit method get/post
      dataType: 'html', // request type html/json/xml
      data: form.serialize(), // serialize form data 
      beforeSend: function() {
        alert.fadeOut();
        submit.html('Sending....'); // change submit button text
      },
      success: function(data) {
        alert.html(data).fadeIn(); // fade in response data
        form.trigger('reset'); // reset form
        submit.html('&#10004; Alert Successfully Sent!'); // reset submit button text
      },
      error: function(e) {
        console.log(e)
      }
    });
  });
});

这可能有助于您了解更多关于可变范围的信息

相关文章：