jquery的基本快速ajax问题

时间:2010-09-27 16:08:59

标签: jquery ajax

首先尝试使用ajax,请耐心等待。

<html>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>

    <script type="text/javascript">

    $(document).ready(function() {
        function hello() {
            $.post("testCaseAjaxServerSide.php", { ola: "hello"}, function(data){
                if (data) {
                    alert('the data is: '+data);
                }
                else {
                    alert('there were no data');
                }
            });
        }

        $("#inputAmigo").click(function(){
            hello();
        });
    });
    </script>

    <form method="post" action="">
        <input id="inputAmigo" type="submit"/>
    </form>
</html>

在服务器端,我有:

if (isset($_POST['ola']))
{
  echo "we got a post";
} 
else
{
  echo "no post buddy";
}

我总是得到“没有数据”。 有什么帮助吗? :)

非常感谢, MEM

1 个答案:

答案 0 :(得分:5)

如果我阻止提交按钮的默认行为,则适用于我。尝试将点击功能更改为:

$("#inputAmigo").click(function(e){
    e.preventDefault();
    hello();
});

或更改您的表单,以便您不使用提交按钮。请改用简单的<input type='button'>

您也可以尝试使用jQuery form plugin