AJAX Alternative zur Verwendung von jQuery Form ui

Question

Hallo allerseits Ich war mit dem jQuery-Formular-Plugin zur Formularübergabe (gefunden auf http://malsup.github.com/jquery.form.js) auf meiner Seite, aber jetzt müssen Sie eine reine jQuery AJAX-basierte Methode verwenden (ohne das Formular zu verwenden) Plugin, aber ich kann jQuery verwenden). Was wäre die beste Methode, um dies zu erreichen? Ich habe Schwierigkeiten, es zu übersetzen. Wie würde eine ideale Lösung aussehen?

Dies ist der Code, den ich im Moment unter Verwendung bin:

// prepare the form when the DOM is ready 

$(document).ready(function() { 
var options = { 
    target:  '#result', 
    beforeSubmit: showRequest, 
    success:  showResponse 
}; 

// bind to the form's submit event 

$('#booking').submit(function() { 
    $(this).ajaxSubmit(options); 
    return false; 
    }); 
}); 

// pre-submit callback 

function showRequest(formData, jqForm, options) { 
    var queryString = $.param(formData); 
    // alert('About to submit: \n\n' + queryString); 
} 

// post-submit callback 

function showResponse(responseText, statusText, xhr, $form) { 
    $('#last-step').fadeOut(300, function() { 
    $('#result').html(responseText).fadeIn(300); 
    }); 
} 

Answer 1

Sie etwas tun können:

$.ajax({ 
    url: 'process.php', 
    data: $('form[name="booking"]').serialize(), 
    dataType: 'html', 
    type: 'POST', 
    success: function(data) { 
     $('#last-step').fadeOut(300, function() { $('#result').html(data).fadeIn(300); 
    }, 
    complete: function (data) { 
     // your code here 
    }, 
    error: function (url, XMLHttpRequest, textStatus, errorThrown) { 
     alert("Error: " + errorThrown); 
    } 
}); 

• Die Daten param, so etwas wie das sein kann: 'param1 = wert1 & param2 = wert2 & param3 = wert3'
• typ kann sein: POST oder GET
• Datentyp kann sein: json, html, xml ..

Weitere Informationen finden Sie unter dieser URL: //codereview.stackexchange: http://api.jquery.com/jQuery.ajax/