IF 语句中的 Javascript 对象声明

Question

我对这个标题感到抱歉，我只是不知道如何描述这个标题。

基本上我使用 JQUERY/ajax 调用 php 脚本来验证一些输入并获取一些数据。返回的数据是编码的JSON，所以我在JQUERY中将数据类型设置为JSON，它返回一个对象。

我刚刚发现，在某些（必须说是不寻常的）网络连接未按预期方式响应的情况下，ajax 调用会调用 JQUERY 中的错误选项。

在大多数情况下，我都会收到从服务器返回的错误消息，但有时会出现错误，并且服务器端脚本没有发回任何 JSON。我还没有确切地查明是什么会引发这种网络情况，但无论如何，我认为我应该在 Javascript 中处理它，尽管我还不知道。

这个想法是检查是否已创建预期的对象，如果没有，则使用两个预期的属性创建它并运行对话。这样我就可以避免重复编写错误消息。虽然节省的不多，但我想尝试一下其中的原理。

 $.ajax({
      url: 'getmetadata.php',
      type: "POST",
      data: entereddata,
      dataType: "json",
      timeout: (7000), //wait 7 seconds

        error: function(data) 
        {   
        // handle errors
        if(data)
        {

        // Do nothing error message will be issued from the data object 
        }else{
                    // no message was returned. Some other error occured.
            function tempdata()
            { 

                this.errortitle   = "Error title";
                this.errormessage = "Error text";
            };

            var data = new tempdata();
        };  

        // issue error message
        runDialogue(data.errortitle,data.errormessage);

        }, //ERROR

        success: function(data) 
        {
        }; // SUCCESS
}); // AJAX

在上面的代码中，数据对象应该在“if”语句之前存在或不存在。当我到达 runDialogue(); 时对象数据应始终存在，以便传递 errortitle 和 errordescription 属性。

当“数据”对象存在时，就没有问题。不起作用的是当“数据”对象不存在时，即如果未通过“if”测试。 else 应该创建对象“data”，但没有。

我做错了什么？

Answer 1

您正在 else 块（更具体的范围）中重新定义变量data，因此全局范围变量仍然是未定义的。
更改 var data = new tempdata();那么

data = new tempdata(); //In the else block

，现在您的 ajax 调用应该如下所示：

$.ajax({
          url: 'getmetadata.php',
          type: "POST",
          data: entereddata,
          dataType: "json",
          timeout: (7000), //wait 7 seconds

            error: function(data) 
            {   
            // handle errors
            if(data)
            {

            // Do nothing error message will be issued from the data object 
            }else{


                /******************NOTE THE CHANGE HERE********************/
                data = { 

                    errortitle:"Error title",
                    errormessage:"Error text"
                };

            };  

            // issue error message
            runDialogue(data.errortitle,data.errormessage);

            }, //ERROR

            success: function(data) 
            {
            }; // SUCCESS
    }); // AJAX

Answer 2

JavaScript 对未定义的引用抛出错误；你不能仅使用对象来测试存在性。您可以使用 typeof 运算符来测试数据是否存在，或者是否为“object”类型。

例如：

if (typeof data === "undefined")
{
   // You don't really need a closure for this...
   errordata = {'errortitle'   : 'Error Title',
                'errormessage' : 'Error Message'};

 runDialogue(data.errortitle, data.errormessage);
}

Answer 3

当 $.ajax 失败（由于 HTTP 错误）时，将调用 .error 方法并传递以下参数：
error(jqXHR, textStatus, errorThrown)

因此，您称为“数据”的第一个参数不是“网络服务器发送给您的内容”，而是一个 jquery 包装的 xmlhttprequest 对象。通过“if”[例如 if (data)] 测试它将始终返回 true。