如何处理Ajax中的错误？

时间：2014-10-24 08:20:33

标签： jquery ajax error-handling

我试图通过Ajax回应一些东西，但我没有得到任何输出。所以我会添加一对错误处理来查看哪些错误。

如何添加简单的错误处理代码以查看错误的位置？

page.html中

<body>
    <input id="name" type="text" />
    <input id="button" type="button" value="Load" />
    <div id="feedback"></div>

    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="ajax.js"></script>
</body>

page.php文件

<?php
  if (isset($_GE['name'])) {
     echo $name = $_GET['name'];
  }
?>

ajax.js

$('#button').click(function () {
    var name = $('#name').val();
    $.ajax({
        url: 'page.php',
        data: {
            name: name
        },
        success: function (data) {
            $('#feedback').html(data);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log(textStatus, errorThrown);
        }
    });
});

1 个答案:

答案 0 :(得分：0)

您是从本地硬盘运行的吗？如果是这样，您的浏览器将因空原策略而阻止请求。就调试而言，最好的选择是去你的开发工具＆＃39;网络选项卡，它将显示它通过。

编辑：没关系第一部分，我注意到你使用的是php服务器。