0

jqlib.js is https://code.jquery.com/jquery-3.2.1.js

nothing is happing i m trying to add to number using ajax using jquery 3.2.1.js

cant find the error in this code can anyone tell me where is the error in this code

add.php

<html>
 <body>
<script type="text/javascript" src="jqlib.js"></script>
 <form id="tt">
 <table>
 <tr>
 <td>Enter first Number</td>
 <td><input type=text name=t1 ></td>
 </tr>
 <tr>
 <td>Enter 2nd Number</td>
 <td><input type=text name=t2></td>
 </tr>
 <tr>
 <td><input type=button value="OK" onClick="cal()"></td>
 </tr>
 <tr>
 <td>Addition</td>
 <td><input type=text name=t3 id="tt1"></td>
 </tr>
 </table>
 </form>
</body>
</html>
 <script type="text/javascript">
 function cal()
 {
 var frm = $("#tt");
 $.ajax(
 {
 type:"POST",
 url:"ajax.php",
 data:frm.serialize(),
 sucess:function (data)
 {
 $("#tt1").val(data);
 }
 });
 }
</script>

ajax.php

<?php
if(!empty($_POST))
{
if(($_POST['t1']!="" )|| ($_POST['t2']!=""))
{
 $z = $_POST['t1'] + $_POST['t2'];
}
else
{
 $z ="please enter data";
}
echo $z;
}
else
{
echo "please enter data";
}
?>
asked Jul 1, 2017 at 12:33
3
  • blank nothing is showing Commented Jul 1, 2017 at 12:42
  • check @SepehrRaftari 's answer Commented Jul 1, 2017 at 12:43
  • @AyushmanKasyap check SepehrRaftari's answer, and if it helps, upvote and accept it. Commented Jul 1, 2017 at 12:43

2 Answers 2

3

you have a typo error: sucess should be success

answered Jul 1, 2017 at 12:40
Sign up to request clarification or add additional context in comments.

Comments

0

Change your script as follow and check whether any alert is showing or not

<script type="text/javascript">
function cal()
{
 var frm = $("#tt");
 $.ajax(
 {
 type:"POST",
 url:"ajax.php",
 data:frm.serialize(),
 sucess:function (data)
 {
 $("#tt1").val(data);
 alert('Success: '+data); ///---> this show alert with success and content
 },
 error:function(a,b,c)
 {
 alert(c); //---> If error happen it will show alert();
 }
 });
}
</script>
answered Jul 1, 2017 at 12:39

2 Comments

check your browser console. It will show any jquery error in it
@Fairy requesting a clarification from OP would be a fine comment methinks, but not answer material. Anyways, you also duplicated OP's typo.

Your Answer

Draft saved
Draft discarded

Sign up or log in

Sign up using Google
Sign up using Email and Password

Post as a guest

Required, but never shown

Post as a guest

Required, but never shown

By clicking "Post Your Answer", you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.