使用 ajax 在 php 中保存后在 WebAPI 上发布数据

Question

我已经使用 Ajax 创建了用于在我的自定义表中保存数据的代码，该代码运行良好。

之后，我想使用 js/jQuery 在 asp.Net API 上发布这些数据。如何在 aps.net 上发布相同的数据。

这是我的 HTML 表单和 JS 代码：

<div id="inline1" class="audit-form" style="display: none;">
  <form class="infusion-form" id="infusion-form">
  <h3 style="color: #002046;">Sign Up For a Free Capability Audit </h3>
  <div class="dis_block clearfix">
    <div class="form-group">
      <label>First Name *</label>
      <input required class="form-control" id="inf_field_FirstName" name="inf_field_FirstName" type="text" />
    </div>
    <div class="form-group">
      <label>Last Name *</label>
      <input required id="inf_field_LastName" name="inf_field_LastName" type="text" class="form-control" />
    </div>
    <div class="form-group">
      <label>Email *</label>
      <input required id="inf_field_Email" name="inf_field_Email" type="email" class="form-control" />
    </div>
    <div class="form-group">
      <label>Confirm Email *</label>
      <input required id="inf_field_Phone1" name="inf_field_Phone1" type="email" class="form-control" />
    </div>
    <div class="form-group" style="text-align: center;">
      <input type="hidden" name="action" value ="save_procurement_data" />
      <input type="submit" id="frm_basic_info" class="btn custom-btn" value="NEXT" />

    </div>
  </div>
  </form>
  </div>

JS代码在这里

<script type = "text/javascript">
jQuery(document).ready(function() {

    jQuery(document).on('click', '#frm_basic_info', function(e){
    jQuery("#infusion-form").validate({
      rules: {
        inf_field_FirstName: "required",
        inf_field_LastName: "required",
        inf_field_Email: "required",
        inf_field_Phone1: {
          equalTo: inf_field_Email
        }
      },
      messages: {
        inf_field_FirstName: "Please enter your firstname",
        inf_field_LastName: "Please enter your lastname",
        inf_field_Email: "Please enter your email",
        inf_field_Phone1: "Please enter your confirm email correct",
      },
        submitHandler: function (form) {

        e.preventDefault();
        var frmd = new FormData();

        var save_data = jQuery('form').serializeArray();
        jQuery.each(save_data,function(key,input){
          frmd.append(input.name,input.value);
        });
         jQuery.ajax({
           url: '<?php echo admin_url( 'admin-ajax.php' ); ?>',
           data: frmd,
           contentType: false,
           processData: false,
           type: 'POST',
           success: function(data){
            alert(data);
            return false;
           //window.location.href = "<?php echo site_url(); ?>/about-your-organization";
           }
         });
        }
      }); 
  });

});
</script>

在警报中我收到警报data saved success fully。

Answer 1

保存到您的 php Url 后，只需再添加一个 ajax 方法。

看，在你上面的 ajax 成功方法中，检查状态然后发布到 Asp.Net Web Api，就像我的波纹管代码一样，

 success: function(data){
      //Here you can check the data and call your Web Api. For example
      if(data == "data saved success fully")
       {
        //Write an ajax method to post data to Web Api
        $.ajax({
          url: 'YourWebApiUrlHere',
          data: frmd,
          type:'Post',
          success: function (data) {
            //Show an alert message here that data saved in Web Api blah blah
            if(data == "Your response from Web Api goes here")//Edit this message
               alert("Data saved using Web Api");
            else
               alert("Failed to save data using Web Api");
           }
          error: function(xhr, status, error) {
            alert(xhr.responseText); //This is the exception if any issue with server 
           }
          })
        }
       else
          alert("Your data haven't saved in Php Url. Check with server");
       return false;
       }

希望对你有帮助！