Home/ Questions/Q 9017891
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T04:23:06+00:00

I have a simple JQuery load satement in a function [ ignore the naming].

  • 0

I have a simple JQuery load satement in a function [ ignore the naming]. As it is presented it does not work. When the form tags are removed it does. Appreciate your advice on why this occurs.. 

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should prevent the default action of the submit event, by default the type attribute of the button is submit:

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

    Or add type='button' attribute to the button element:

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