表单操作网址与页面网址不同

Question

Issue : I have a form that has a different form action="url" than the page URL the form resides in.

page URL = www.page.com
form action = " http://www.differentserver.com "

Problem : When posting the form it navigates to the form action URL.

Question : What is the best way to still POST to the action URL but stay on the Form page using jquery/ajax

Also, the action URL post back an xml stating if the lead went through.

Answer 1

You cannot use AJAX to submit data to another domain.

However you can use an old "hack":

<form action="http://www.differentserver.com/" method="post" target="hiddeniframe">
    ...
</form>
<iframe style="display:none" name="hiddeniframe"></iframe>

This will submit the form to the other domain, but won't appear to affect the current document.

Answer 2

您始终可以将其发布到隐藏的Iframe target='framename'并挂接到Iframe的ONLOAD事件中以检测其完成时间。

Answer 3

在differentserver.com之后重定向，或使用curl执行操作

Answer 4

Jquery does this well

Posting the entire form

//Jquery Code
$.post("test.php", $("#form_name").serialize(), function(result){
 // return 
 var aa = result;

});

Posting specific parts of the form

//Jquery Code
 /* get some values from elements on the page: */
 var $form = $( this ),
  term = $form.find( 'input[name="s"]' ).val(),
  url = $form.attr( 'action' );

 /* Send the data using post */
 var posting = $.post( url, { s: term } );

 /* Put the results in a div */
 posting.done(function( data ) {
   var content = $( data ).find( '#content' );
  $( "#result" ).empty().append( content );
   });

If you are using a Submit button, this will stop the form from posting normally.

 /* stop form from submitting normally */
  event.preventDefault();