jQuery – Formular nach dem Absenden mit Formular-Plugin zurücksetzen

Question

Lassen Sie mich zunächst sagen, dass es vielleicht einfach aussieht, aber ich finde es äußerst schwierig.

Ich habe ein Suchskript erstellt, das PHP verwendet und das Abrufen eines Ergebnisses würde so aussehen

search.php?term=alice&submit=Submit

Standardmaterial..Das Problem ist, dass ich ein SPI mit AJAX und PHP verwende, sodass meine Ergebnisse dynamisch in ein Div geladen werden müssen, während der Hash-Wert erhalten bleibt, um nicht die Seite zu verlieren, die der Benutzer vor der Suche besucht hat.

jQuery.history.js ist das Plugin, das ich zur Unterstützung der Zurück-Schaltfläche verwende. Für dieses Plugin müssen Links wie folgt aussehen:

<a href="#home">Home Page</a>

Dies würde „home.html“ in ein Div namens pageContent laden.Soweit ich weiß, gibt es keine Möglichkeit, PHP-Dateien aufzurufen, es sei denn, Sie entwickeln einen kleinen Hack, den ich habe.

Hier ist mein JavaScript/jQuery für mein Suchformular:

<script language="JavaScript">
$(document).ready(function() { 
    // bind form using ajaxForm 
    $('#search1').ajaxForm({ 
        // target identifies the element(s) to update with the server response 
        target: '#pageContent', 

        // success identifies the function to invoke when the server response 

        success: function() { 
            $('#pageContent'); 
            var hash = '#search.php?term='+($('#query').val()+'&submit=Submit').replace(/ /g, '+');
            var stripped = hash.replace(/(<([^>]+)>)/ig,""); 
            update(window.location.hash = stripped);

        } 

    }); 
});

</script>

Hier ist das Formular:

<form id="search1" action="search.php" method="post">
    <input id="query" type="text" name="term" />
    <input type="submit" name="submit" value="Submit" />
    </form>

Mein Problem ist folgendes:ich habe es versucht this.form.reset(); Das: Zurücksetzen eines mehrstufigen Formulars mit jQuery , aber nichts davon funktioniert.Bitte helfen Sie mir, wenn Sie eine Möglichkeit kennen, dies zu tun.

Answer 1

$('#query').val(DefaultValue);

Damit können Sie Ihren Wert auf einen beliebigen Wert setzen, z. B. leer:'';