jQuery - réinitialiser le formulaire après la soumission avec le plugin de formulaire

Question

permettez-moi de commencer par dire que cela peut paraître simple, mais que je trouve cela extrêmement difficile.

J'ai créé un script de recherche qui utilise PHP et pour récupérer un résultat, cela ressemblerait à ceci

search.php?term=alice&submit=Submit

Des trucs standards..le problème est que j'utilise un SPI avec AJAX et PHP donc mes résultats devraient se charger dynamiquement dans un div, tout en conservant la valeur de hachage, afin de ne pas perdre la page que l'utilisateur avait visitée avant la recherche.

jQuery.history.js est le plugin que j'utilise pour la prise en charge du bouton retour, qui nécessite que les liens ressemblent à ceci :

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

cela chargerait « home.html » dans un div nommé pageContent.pour autant que je sache, il n'y a aucun moyen d'appeler des fichiers php à moins de développer un petit hack, ce que j'ai,

voici mon JavaScript/jQuery pour mon formulaire de recherche :

<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>

Voici le formulaire :

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

Mon problème est le suivant :J'ai essayé this.form.reset(); ce: Réinitialisation d'un formulaire en plusieurs étapes avec jQuery , pourtant rien de tout cela ne fonctionne.s'il vous plaît, aidez-moi si vous connaissez un moyen de procéder.

Answer 1

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

avec cela, vous pouvez définir votre valeur comme vous le souhaitez, comme vide :'';