3 votes

JQuery .load - Ne fonctionne pas lorsque le bouton d'appel se trouve dans des balises de formulaire

J'ai une simple fonction de chargement JQuery dans une fonction [ ignorez le nom]. Tel qu'il est présenté, il ne fonctionne pas. Lorsque les balises du formulaire sont supprimées, il fonctionne. J'aimerais avoir votre avis sur la raison de ce problème

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>HTML 5 Document</title>

<script type="text/javascript"  src="../js/jquery-1.8.3.js"></script>

<script type="text/javascript" >

$("document").ready(function() {

$('#getCalc').bind('click' , getPlainHTMLfromServer );
}); // end ready

function getPlainHTMLfromServer() {
$('#content').load("plainHTML.html");

}// end getPlainHTMLfromServer()

</script>
</head>

<body>
<div id="content"></div>
<form>
<button id="getCalc">Double</button>
</form>
</body>
</html>

2voto

Vohuman Points 79122

Vous devez empêcher l'action par défaut du soumettre un événement Par défaut, l'attribut type du bouton est "submit" :

function getPlainHTMLfromServer(event) {
   event.preventDefault();
   $('#content').load("plainHTML.html");
}

Ou ajouter type='button' à l'élément button :

<button id="getCalc" type="button">Double</button>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X