Comment faire pour désactiver soumettre action

Salut j'ai ce formulaire, que je ne souhaitent pas effectuer une action lorsque le bouton "soumettre" est cliqué. Tout ce que je veux faire est d'exécuter la fonction qui charge les données dans un div. Des Idées??

<form  method="POST"   action="" id="search-form">
          <input type="text" name="keywords"  />
          <input type="submit" value="Search" id="sButton" onclick="loadXMLDoc('file.xml')" />
</form>
avez-vous essayé d'ajax à l'aide de jquery?

OriginalL'auteur Fadamie | 2012-04-30

  1. 9
    onclick="loadXMLDoc('file.xml'); return false;"

    ou encore mieux:

    <script>
    window.onload = function() { 
        document.getElementById("search-form").onsubmit = function() { 
            loadXMLDoc('file.xml');
            return false;
        };
    };
</script>

    À mettre en œuvre loadXMLDoc, vous pouvez utiliser le module ajax en jQuery. par exemple:

    function loadXMLDoc() { 
    $("div").load("file.xml");
}

    Code Final à l'aide de jQuery:

    <script>
    $(function() { 
        $("#search-form").submit(function() { 
            $("div").load("file.xml");
            return false;
        });
    });
</script>
    Est e.preventDefault() mieux ou return false mieux dans ce cas?
    return false est mieux parce qu'elle empêche le comportement par défaut de l'événement et empêche la page de remonter. Notez que ce n'est exacte que dans jQuery gestionnaires d'événements.
    Je vois...
    Gubkin—qu'entendez-vous par "...ce n'est exacte que dans jQuery gestionnaires d'événements"? À l'aide de return false de soumettre un auditeur annuler soumettre si vous utilisez jQuery ou pas.
    mais il ne sera pas annuler la page de remonter dans la non-jQuery gestionnaires d'événements.

    OriginalL'auteur Alon Gubkin

  2. 2

    Je pense que vous avez besoin d'ajax permet de charger des données dans div sans rechargement de la page

    Changer le type d'entrée submit à button 

    <input type="button" value="Search" id="sButton" onclick="AjaxSend()" />

    Appel Ajax:

    <script type="text/javascript">
    function AjaxSend(){
         $.get('file.xml', function(data) {
              $('div').html(data);
          });
     }
</script>
    Tu veux dire onclick="javascript:AjaxSend()" ... je me demande si ça fonctionne partout maintenant. Il devrait, d'ailleurs.
    oui, il fonctionne...
    Il a travaillé pour moi dans Chrome, de toute façon.

    OriginalL'auteur Dhamu