0

在这个脚本中，我们有一个“stager”函数，它将在数据发送回数据库之前充当屏幕上用户交互的中介。AJAX 调用成功，但不是从 div 内的数据库中查询，而是 [object Object]。如果我检查控制台，我会发现来自数据库的数据是正确的。如何更改我的代码，以便我可以在我的 div 中获取文本。我一般对 AJAX 和 JavaScript 有什么基本的误解/提示将来避免这种情况。

编辑：刚刚注意到这很可能是因为我的 stageOptions 对象没有 AJAX 调用作为属性，而是纯文本。这现在更符合我想要达到的目的。

$(document).ready(function () {
            var stageOptions = {
                //some baseline options for the stager control
                size: {
                    small: 'small',
                    medium: 'medium',
                    large: 'large'
                },
                content: {
                    historical: 'historical',
                    predictive: $.ajax({
                    type: "POST",
                    url: "../Service.asmx/GetDrugs",
                    contentType: "application/json",
                    dataType: "json",
                    success: function (data) {
                        data.d;
                        console.log(data.d);
                        console.log('success');
                    },
                    error: function (xhr) {
                        console.log('error');
                    }
                })
                }
            };
            /*************functions************************/
            function stager(options) {
                var $div = $('<div>').addClass(options.size);
                $div.text(options.content);
                return $div;

            };

            stager({ size: stageOptions.size.small,
                //size and content will be much more variable in the future
                content: stageOptions.content.predictive
            }).appendTo('body');
        });
4

2 回答 2

1

Stringify 不会解决这个问题。将 options.content 设置为 div 的文本不起作用，因为您将整个内容对象设置为文本。我认为您可能还想重新考虑如何执行此操作，因为您会立即设置 div 的文本，然后将其附加到正文，而无需检查您的 ajax 请求是否已完成。通常，您可以从 options.content.responseJSON 访问您的 JSON，但是当您设置文本时，ajax 调用尚未完成，此时它仍然未定义。

你可以切换到：

$(document).ready(function () {
        var stageOptions = {
            //some baseline options for the stager control
            size: {
                small: 'small',
                medium: 'medium',
                large: 'large'
            },
            content: {
                historical: 'historical',
                predictive: 'predictive'
            }
        };
        /*************functions************************/
        function stager(options) {

            $.ajax({
                type: "POST",
                url: "test.json",
                contentType: "application/json",
                dataType: "json",
                success: function (data) {
                    var $div = $('<div>').addClass(options.size);
                    $div.text(data.d).appendTo('body');
                },
                error: function (xhr) {
                    console.log('error');
                }
            });

        };

        stager(stageOptions.size.small);
    });
于 2013-11-04T16:04:12.053 回答
0

您正在返回一个对象，因此如果您希望将其作为字符串尝试：

 $div.text(JSON.stringify(options.content));
于 2013-11-04T15:16:52.787 回答