Question

我有两个JS文件，一个包含要在多个文件之间共享的通用函数列表，名为“form.js”，另一个特定于CMS上某个名为“blog.form.js”的页面。

在“form.js”里面，我有一个通用的JS函数，每当我请求从数据库加载一条记录时，它就会发出一个jQuery.ajax（）请求：

function load_record( field_id, class_name, entity_type ) {

// Send ajax request to load the record, and enable the form's state once the record's content has been received.
var response = $.ajax({
    async: false,
    dataType: "json",
    data: {
        action: "load_"+entity_type,
        id: $("#"+field_id+"_list").val()
    },
    success: function(response) {
        // Make visible the buttons to allow actions on record, such as deleting or renaming.
        $("#"+field_id+"_actions").show();

        // Make visible the container of all form elements related to the record.
        $("#"+field_id+"_form_inputs").show();

        // Must return response so the calling JS file can use the values returned to
        // populate the form inputs associated with the record that's just been loaded
        // with the correct values.
        return response;
    },
    type: "post",
    url: "/ajax/record/"+class_name
});
alert( response.link + " " + response + " " + response.responseText);
return response;

}

在“blog.form.js”中，当我从包含它们列表的菜单中选择要加载的数据库记录时，我调用了函数：

// Select a link for editing.
$("#links_list").live( "change", function(){ 
    // Insert response returned from function call to load the db record into a variable.
    // This is so the form inputs associated with the record loaded can be populated with the correct values. 
    var response = load_record('links_edit', 'blog', 'link'); 
    alert( response.link );
    $("#links_edit_url").val( response.link );        
});

ajax请求返回所需的响应。不幸的是，load_record（）内部的调试警报语句“alert（response.link +”“+ response +”“+ response.responseText）”返回以下内容：undefined [Object XMLHTTPRequest] {“link”：“http：// www .url.com“}。

因此，另一个函数中的调试警报语句“alert（response.link）”也返回undefined。

成功返回XMLHTTPRequest对象。那么，为什么response.link声明它的值是未定义的呢？

非常感谢任何帮助。

Answer 1

你想做什么

alert( response.link + " " + response + " " + response.responseText);

成功函数的

内部。你也不想要

var response = $.ajax(...

你只需要调用ajax ......

$.ajax(...

Ajax是异步的（除非你告诉它不是），这意味着请求可以随时返回。尝试在success函数之外使用响应是没有意义的（除非你在它周围包装一个闭包或将它作为参数传递）。当响应完成（成功）时，success将触发，仅在该函数中定义response。

Answer 2

你完全走在正确的轨道上，你可以创建一个返回ajax对象的函数。 jQuery将ajax调用作为Deferred对象返回 - 因此它有额外的方法可以在事后使用ajax响应。

$("#links_list").live( "change", function(){ 
    load_record('links_edit', 'blog', 'link').done( function( response ) {
        alert( response.link );
        $("#links_edit_url").val( response.link );     
    });
});

alert( response.link + " " + response + " " + response.responseText);中的load_record将继续按原样返回，除非您将其添加到成功处理程序或已完成处理程序。

如果您需要更多关于.done()的信息，请查看上面链接的jquerys网站上的Deferreds。我希望这会有所帮助。

返回Ajax响应，声明其属性值未定义

2 个答案: