ajax

Agniprastha · Oct 19, 2018 · e8af320 · e8af320
1 parent bef0a3b
commit e8af320
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 0 deletions.
diff --git a/Ajax_add_2_no.html b/Ajax_add_2_no.html
@@ -0,0 +1,38 @@
+ <html>
+<head>
+<script type="text/javascript">
+
+
+
+  function Addition()
+  {
+              var ob=false;
+              ob=new XMLHttpRequest();
+
+              var no1=document.getElementById("no1").value;
+              var no2=document.getElementById("no2").value;
+
+              ob.open("GET","ajax_add.php?num1="+no1+"&num2="+no2);
+              ob.send();       
+
+              ob.onreadystatechange=function()
+              {
+                          if(ob.readyState==4 && ob.status==200)
+                          document.getElementById("add").innerHTML=ob.responseText;                }          
+  }
+
+</script>
+</head>
+
+<body>
+
+Enter first no :<input type=text name=no1 id="no1"><br>
+Enter second no :<input type=text name=no2 id="no2"><br>
+<input type=button name=submit value=add onClick="Addition()"><br>
+<span id="add"></span>
+
+<body>
+</html>
+
+
+
diff --git a/ajax_add.php b/ajax_add.php
@@ -0,0 +1,11 @@
+<?php
+  $n1=$_GET['num1'];
+  $n2=$_GET['num2'];
+
+if((!empty($n1)) && (!empty($n2)))
+  {
+              $add=$n1+$n2;
+              echo "Addition = ".$add;
+  }
+  else "enter both nos";
+?>