Call PHP Function by Ajax

Question

I'm new for Web sites.I have a text box in my page and what i need is when onBlur that text box, call a php method that include sql query.I found something like on the web, but still does net work it.Am i doing wrong?

<?php
if(isset($_POST['Greet']))
   {
      echo $_POST['Greet'];
  }
?>
<html>
<body>
<script type="text/javascript">

function sayHi()
{
     var value = $.ajax({
        type: "POST",
         url: "page.php",
        data: "Greet="+$("#Greeting").val(),
        async: false
        }).responseText;
}

</script>

<input type="text" name="Greeting" id="Greeting" onblur="sayHi()">

</body>
</html>

possible duplicate of [Call php function from javascript](http://stackoverflow.com/questions/7165395/call-php-function-from-javascript) — Fluffeh, Aug 16 '12 at 10:28
`alert(value);` in your function `sayHi` and see what's inside. — Leri, Aug 16 '12 at 10:30
when I alert(value); it shows all the page code in an alert box..:( — iJay, Aug 16 '12 at 10:50
possible duplicate of [Javascript and PHP functions](http://stackoverflow.com/questions/221396/javascript-and-php-functions) — Jürgen Thelen, Aug 16 '12 at 18:11

Mihai Iorga · Accepted Answer · 2012-08-16T11:13:11.990

2

exit your php for usage in same script, ajax will return entire html.

<?php
    if(isset($_POST['Greet']))
    {
        echo $_POST['Greet'];
        die;
    }
?>

value will have your response alert(value)

later edit:

<?php
    if(isset($_POST['Greet']))
    {
        echo $_POST['Greet'];
        die;
    }
?><html>
<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
function sayHi()
{
    var value = $.ajax({
        type: "POST",
        url: "index.php",
        data: "Greet="+$("#Greeting").val(),
        async: false
    }).responseText;
    $('#result').html(value);
}

</script>
<span id="result"></span>
<input type="text" name="Greeting" id="Greeting" onblur="sayHi()">
</body>
</html>

edited Aug 16 '12 at 11:13

answered Aug 16 '12 at 10:30

Mihai Iorga

39,330
16
106
107

thanks for quick response dude, but isset($_POST['Greet']) will not true here..:( – iJay Aug 16 '12 at 10:59
1

did you add the jQuery library? – Mihai Iorga Aug 16 '12 at 11:02
yes! this is it right? – iJay Aug 16 '12 at 11:04
Thanks buddy.. the text what i type on the text box should be echo in the page..is that the result? – iJay Aug 16 '12 at 11:11

score 1 · Answer 2 · answered Aug 16 '12 at 10:31

1

You should include the jQuery script to your page to make $.ajax work.

Like this:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

answered Aug 16 '12 at 10:31

OldEr

51
2

Thanks http://stackoverflow.com/users/1600892/older ! I missed it, but problem still the same,:isset($_POST['Greet']) is false. – iJay Aug 16 '12 at 11:01

Call PHP Function by Ajax

2 Answers2