通过Ajax调用PHP函数

时间:2012-08-16 10:26:41

标签: php javascript ajax

我是Web站点的新手。我的页面中有一个文本框,我需要的是当onBlur文本框时,调用包含sql查询的php方法。我在网上发现了类似的内容,但仍然可以网络工作吧。我做错了吗?

<?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>

2 个答案:

答案 0 :(得分:2)

退出你的php以便在相同的脚本中使用,ajax将返回整个html。

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

value会得到您的回复alert(value)

稍后编辑:

<?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>

答案 1 :(得分:1)

您应该在页面中包含jQuery脚本,以使$ .ajax工作。

像这样:

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