jquery的基本快速ajax问题

Question

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>

Run Code Online (Sandbox Code Playgroud)

在服务器端,我有:

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

Run Code Online (Sandbox Code Playgroud)

我总是得到"没有数据".有什么帮助吗？:)

非常感谢,MEM

Answer 1

vil*_*der 5

如果我阻止提交按钮的默认行为,我可以使用.尝试将点击功能更改为:

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

Run Code Online (Sandbox Code Playgroud)

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

您也可以尝试使用jQuery表单插件.

@MEM看看这个:http://stackoverflow.com/questions/1357118/javascript-event-preventdefault-vs-return-false (2认同)

归档时间：	15 年，5 月前
查看次数：	77 次
最近记录：	15 年，5 月前