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

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

之后，我想使用js/jQuery将这些数据发布到asp.NETAPI上。如何在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>

jQuery（文档）.ready（函数（）{
jQuery（document）.on（'click'，'frm#u basic_info'，函数（e）{
jQuery（“#输液表单”）.validate({
规则：{
inf\u字段\u名字：“必需”，
inf\u字段\u姓氏：“必需”，
inf\u字段\u电子邮件：“必需”，
inf\u字段\u电话1：{
equalTo:inf\u field\u电子邮件
}
},
信息：{
inf\u字段\u FirstName:“请输入您的名字”，
inf\u字段\u姓氏：“请输入您的姓氏”，
inf\u字段\u电子邮件：“请输入您的电子邮件”，
inf\u字段\u电话1：“请输入您的确认电子邮件”，
},
submitHandler:函数（表单）{
e、 预防默认值（）；
var frmd=新表单数据（）；
var save_data=jQuery（'form'）。serializeArray（）；
jQuery.each（保存数据、函数（键、输入）{
追加（input.name，input.value）；
});
jQuery.ajax({
url:“”，
资料来源：frmd，
contentType:false，
processData:false，
键入：“POST”，
成功：功能（数据）{
警报（数据）；
返回false；
//window.location.href=“/about your organization”；
}
});
}
}); 
});
});

---

在警报中，我获得警报

数据成功保存

只需在保存到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;
       }

---

希望有帮助

您在代码中调用Web Api的位置？如果Api未调用，我如何发出警报？我可以知道不调用是什么意思吗？您希望显示是否使用Web Api保存数据的警报。我说得对吗？如果是这样的话，那么你可以在其他部分写一条警告消息，就像我在Php Url中做的那样。是的，如果数据没有保存在API上，那么我想发出警告消息，还想在服务器调用出现问题时得到错误消息。这很简单，我的兄弟！请查看我上面的更新答案。如果有帮助，请不要忘记标记为答案：）