jQuery Ajax 单击时返回错误但使用 Document.Ready 运行良好？

Question

更新：在 IE 中似乎可以正常工作，但在 Opera、FF 或 Chrome 中却不行...

我正在尝试使用 javascript 编写一种使用绑定将数据导入 sqlite 的简单方法。我的点击功能不适用于我的简单 ajax 请求。我在这里很困惑......一如既往，这很好用：

$("#showDB").click(function(){alert("CLICKED!")});

这很好用：

$(document).ready(function () {
            $.ajax({
                type: 'GET',
                url: 'dv.xml',
                dataType: 'xml',
                success: parseXml,  
                error: function() {
                    alert('XML file not found.');

                }
            });
            function parseXml(xml) {
                    //alert('XML file found.');
                    $(xml).find('Employee').each(function(){
                        var name = $(this).find('name').text();
                        var email = $(this).find('email').val();
                        var jobtitle = $(this).find('jobtitle').val();
                        var address = $(this).find('address').val();
                        var workphone = $(this).find('workphone').val();
                        var homephone = $(this).find('homephone').val();
                        var cellphone = $(this).find('cellphone').val();
                        var fax = $(this).find('fax').val();
                        var contractor = $(this).find('contractor').val();

                        alert(name);

                    });
             }

      });

但是当我想单击以运行我的 ajax 请求时，它会返回我的错误警报“找不到 XML 文件”。

 $("#showDB").click(function(){
        $.ajax({
            type: 'GET',
            url: 'dv.xml',
            dataType: 'xml',
            success: parseXml,  
            error: function() {
                alert('XML file not found.');

            }
        });
        function parseXml(xml) {
                //alert('XML file found.');
                $(xml).find('Employee').each(function(){
                    var name = $(this).find('name').text();
                    var email = $(this).find('email').val();
                    var jobtitle = $(this).find('jobtitle').val();
                    var address = $(this).find('address').val();
                    var workphone = $(this).find('workphone').val();
                    var homephone = $(this).find('homephone').val();
                    var cellphone = $(this).find('cellphone').val();
                    var fax = $(this).find('fax').val();
                    var contractor = $(this).find('contractor').val();

                    alert(name);

                });
         }

  });

任何人都知道为什么我无法在点击时获取 xml？我错过了什么？

Answer 1

点击代码上的括号不好，使用这个：

$("#showDB").click(function(){
    $.ajax({
        type: 'GET',
        url: 'dv.xml',
        dataType: 'xml',
        success: parseXml,  
        error: function() {
            alert('XML file not found.');

        }
    });
  }); // needed to close it

编辑：“doc”调用没有失败的原因是 ajax 和函数被封装在 load annon 函数中 - 但是您的 onclick 代码缺少一些右括号