jquery - jQuery 新手,ajax 不工作

标签 jquery html ajax

我是 jQuery 的新手,我可能做错了,但这是我的问题。我有一个页面,用户可以在其中输入框并点击提交,响应数据将在服务器上生成并通过 AJAX 发回。但是,当我按下提交时没有任何反应...我知道函数正在被调用,所以我认为我的 jQuery 代码是错误的。

这是我的代码,经过简化:

<html>
<head>
<style type="text/css">
#hide {
    display:none;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
    $("#submit").click(doAjax());
});
function doAjax() {
    $.ajax({
        type:"GET",
        data:"myquerystring",
        url:"dummy.php"
    }).done(function(data){
        $("#hide").css("display","inline");
        $("#result").html(data);
    });
}
</script>
</head>
<body>
<p>Enter your text:</p>
<!--Code for textboxes-->
<button id="submit">Submit</button>
<p id="hide">Result:<pre id="result"></pre></p>
</body>
</html>

现在,dummy.php 只是:

<?php
echo "hi";
?>

所以这不是问题。谁能帮我解决这个问题?

更新:Chrome 告诉我:

 Uncaught TypeError: Object #<XMLHttpRequest> has no method 'done'

当我尝试运行 doAjax() 时

最佳答案

我通常是这样做的。与速记函数相比,我更喜欢这种方式。

$("#submit").on('click', function(){
    $.ajax({
        type:"GET",
        data:"myquerystring",
        url:"dummy.php"
        success: function(data){
            $("#hide").css("display","inline");
            $("#result").html(data);
        }
    });
});

关于jquery - jQuery 新手,ajax 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10360522/

相关文章:

jquery - 如何使用自定义 div 元素在 Jquery 中显示工具提示

javascript - 下拉菜单的 Jquery

jquery - 如何一次加载多个div

ajax - 如何动态添加ajax关闭监听器到我的面板?

java - 是什么原因导致这个 ajax-upload javascript 错误?

python - Django 如何停止函数的执行

javascript - 按钮单击事件不会在深度嵌套的 div 中触发

jquery - 根据复选框选择向 <li> 添加或删除项目

javascript - 使用 Value from Option 从 JSON 中获取数据

PHP黑屏而不是图像