<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of Sending Data with Ajax GET Request in jQuery</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ // Get value from input element on the page var tableno = $("#tn").val(); var loopno = $("#lp").val(); // Send the input data to the server using get $.get("examples/resources/create-number-table.aspx", {tn: tableno, lp: loopno} , function(data){ // Display the returned data in browser $("#result").html(data); }); }); }); </script> </head> <body> <label>Enter Table Number: <input type="text" id="tn"></label><br /> <label>Enter Loop Number: <input type="text" id="lp"></label><br /><br /> <button type="button">Show Multiplication Table</button><br /><hr /><br /> <div id="result">Table will be displayed here.</div> </body> </html>