aktuelle.kurse/oldies/m133/4_Modulinhalte_und_Uebungen/07-JQuery-skript/07-jQueryLoesungen/jQuery10.html
Müller Harald 3fdacd20c0 muh
2022-07-28 09:14:44 +02:00

32 lines
1.1 KiB
HTML

<!DOCTYPE html>
<!https://www.w3schools.com/jquery/ajax_get.asp>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.js""></script>
<script type="text/javascript">
$(document).ready( function() {
$('#btn1').click(function() {
// $('#zahl1').val("");
// $('#zahl2').val("");
// $('#result').val("");
var zahl1=$('input:text[name=zahl1]').val();
var zahl2=$('input:text[name=zahl2]').val();
// alert("Test");
$.get("http://localhost/M133/jquery/jquery10.php", {zahl1: zahl1, zahl2: zahl2}, function(data){
var result = jQuery.parseJSON(data);
$('#result').val(result);});
});
});
</script>
</head>
<body>
<h2>Addition from BL</h2>
<p>Zahl1: <input type='text' size='40' id='zahl1' name='zahl1' /></p>
<p>Zahl2: <input type='text' size='40' id='zahl2' name='zahl2' /> </p>
<p>Resultat: <input type='text' size='40' id='result' name='result' readonly/> </p>
<input type='button' id='btn1' value='Rechne ADDITION' />
</body>
</html>