ajax - Ajax 提交表单无法使用第一个 url app.icontact

Question

我需要将表单详细信息发送到 icontact 页面，但它不打算做什么

这是我的代码

 <script>
function submitForm() {
$.ajax({type:'POST', url: 'https://app.icontact.com/icp/signup.php', data:$('#ContactForm').serialize(), success: function(response) {
    $('#ContactForm').find('.form_result').html(response);
}});

return false;
}
</script>
<script>
function submitForm() {
$.ajax({type:'POST', url: 'zohoprocess.php', data:$('#ContactForm').serialize(), success: function(response) {
    $('#ContactForm').find('.form_result').html(response);
}});

return false;
}
</script>

Answer 1

为此，您不需要两个功能。它变得复杂。

 <script>
function submitForm() {
$.ajax({type:'POST', url: 'https://app.icontact.com/icp/signup.php',

数据：$('#ContactForm').serialize()，成功：函数（响应）{

    $('#ContactForm').find('.form_result').html(response);
}});
//alert and check here
return false;
}
</script>

确保在单击提交按钮时调用此方法，并且应该这样做。在 onSuccess 函数中保持警报以检查响应是否正确。还要仔细检查div您正在尝试访问的内容是否在onSuccess函数调用中可见。

谢谢。

Answer 2

您可以使用异步请求，例如

function SubmitForm()
{ 
var formdata=$('#ContactForm').serialize();
$.ajax({
      type:'POST', 
      url: 'https://app.icontact.com/icp/signup.php',
      data:formdata, 
      success: function(response)
               {
               $('#ContactForm').find('.form_result').html(response);

               $.ajax({
                     type:'POST', 
                     url: 'zohoprocess.php', 
                     data:formdata, 
                     success: function(response)
                             {
                             $('#ContactForm').find('.form_result').html(response);
                             }
                      });

               },
       error: function(xhr, textStatus, errorThrown)
               {
                  alert('request failed');
               }
      }); 
 }