Jquery vil ikke køre igennem

Du prøver at få den til at udføre et AJAX-kald i samme øjeblik som formen submitter og dermed skifter side?

Jeg ved faktisk ikke om det er meningen ifølge standarden eller ej, men det er også min erfaring er AJAX-kald der bliver smidt lige før sideskift ikke gennemføres.

Normalt er det bedst at nøjes med en af delene, men hvis du absolut vil have begge udført, kan du smide funktionen på submit i stedet for click, smide en return false tilbage så formen ikke submitter, vente på at AJAX-kaldet er færdigt og så submitte formen.

Ideen var jo at den IKKE skulle opdatere siden men tilføje data i en database ved hjælp af AJAX-kaldet. Så den skal ikke både submitte og gennemløbe AJAX kaldet.

Jeg er ret ny i det, så kunne give mig et kodningseksempel?

Efter lidt googlen frem og tilbage fandt jeg frem til denne her..

Så gav det lidt mening..

<form name="ajaxform" id="ajaxform" action="proces.asp" method="POST">
    First Name: <br/><input type="text" name="fname" value =""/> <br/>
    Last Name: <br/><input type="text" name="lname" value ="" /> <br/>
</form>
<input type="button"  id="post" value="Submit" />
<div id="msg"></div>

<script>
$(document).ready(function()
{

$("#post").click(function()
{
    $("#ajaxform").submit(function(e)
    {
        $("#msg").html("<img src='loading.gif'/>");
        var postData = $(this).serializeArray();
        var formURL = $(this).attr("action");
        $.ajax(
        {
            url : formURL,
            type: "POST",
            data : postData,
            success:function(data, textStatus, jqXHR)
            {
                $("#msg").html(''+data+'');

            },
            error: function(jqXHR, textStatus, errorThrown)
            {
                $("#msg").html('textStatus='+textStatus+', errorThrown='+errorThrown+'');
            }
        });
        e.preventDefault();
    });
       
    $("#ajaxform").submit();
});

});
</script>

Ah, du ville bare ikke have den til at submitte formen. Den del er let nok. Er du tilfreds med hvad du har fundet?

Indtil videre er jeg da tilfreds, men jeg er altid åben for fif.. man kan altid lære noget nyt..

Smid et svar..

Ah, de point må være til dig selv, jeg nåede ikke reelt at hjælpe med noget :)

Jeg vil da gerne komme et fif eller to...

Har du virkelig bruge for at håndtere fejl på den måde? Følgende er lidt enklere: erstat $.ajax() kaldet med:

  $.post(formURL, postData, function(reply) {
    if (reply == 'OK') { // eller hvad formURL nu end returnerer
    } else {
    }
  });

Men det kræver at du kan detektere fejl udfra hvad formURL returnerer.

Det virker osse lidt overflødigt at bruge 'click' eventen til at submitte en form, og så bruge 'submit' eventen til at kalde ajax. Hvorfor ikke bare bruge:

  $.('#post').click(function() {
    $.post(formURL, ...);
  });

Altså skille dig af med hele submit leddet.

lukker