如何将字符串数据从ajax成功转换为javascript数据？

Question

大家好，我有这段代码，我是ajax的初学者，我使用的是tinymce jquery，我使用的是我在其中找到的提及插件，所以我在这段代码中所做的就是列出我可以提及的用户，因此我需要运行以下代码：

提及插件网站是： https : //github.com/CogniStreamer/tinyMCE-mention

WebMethod部分：

 [WebMethod]
    public static string GetUsers()
    {
        return "[{name:'Messi'},{name:'Jason'},{name:'Omar'},{name:'Eren'}]";
    }

这是ajax代码部分：

 function dat() {
            $.ajax({
                type: "POST",
                url: "Default.aspx/GetUsers",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                 alert(data.d);//show me this alert "[{name:'Messi'},{name:'Jason'},{name:'Omar'},{name:'Eren'}]"
                    return data.d;
                },
                error: function (data) {
                    return "";

                }
            });
        }

这是jQuery tinymce选项部分：

 tinymce.init({



        selector: '#Selector',
        theme: 'modern',
        elements: "rte",
        plugins: [
          'advlist autolink mention lists link image charmap  preview hr anchor pagebreak',
          'searchreplace wordcount visualblocks visualchars code fullscreen',
          'insertdatetime media nonbreaking  table contextmenu directionality',
          'emoticons template paste textcolor colorpicker  imagetools'
        ],
        mentions: {
            source:dat()//the default option was [{ name: 'Messi'},{name:'Jason'},......]
        },})

因此，实际上我需要做的就是将dat（）返回部分转换为默认值，我真的很感谢您对我的帮助

Answer 1

因此，您的成功函数是一个回调函数，在您的dat函数完成之前不会触发它。 因此dat函数不返回任何内容。 尝试添加add asyc：false，以便该方法等待。

 function dat() {
     var retdat;
        $.ajax({
            type: "POST",
            url: "Default.aspx/GetUsers",
            data: "{}",
            contentType: "application/json;        charset=utf-8"
            async:false
            dataType: "json",
            success: function (data) {
             alert(data.d);//show me this alert "[{name:'Messi'},{name:'Jason'},{name:'Omar'},{name:'Eren'}]"
                retdat = data.d;
            },
            error: function (data) {
                return "";

            }
        });
       return retdat;
    }

您不需要这个，但要回答问题的标题，您将使用JSON.parse（）

您还可以移动微小的mce init函数以在成功函数中执行，然后可以保持调用异步。

Answer 2

我找到了问题的答案。

我需要的是eval()函数。 我用source: eval(dat())替换了source:dat() source: eval(dat()) ，一切正常。

Answer 3

你可以试试

 function dat() {
        $.ajax({
            type: "POST",
            url: "Default.aspx/GetUsers",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
             alert(data.d);//show me this alert "[{name:'Messi'},{name:'Jason'},{name:'Omar'},{name:'Eren'}]"
             var result = JSON.parse(data.d);
              //or you can do without do statically like split(data.d,'"'); then whatever result you get can return that is also
                return result;
            },
            error: function (data) {
                return "";

            }
        });
    }

Answer 4

数据本身已经是正确的格式。

由于数据是异步获取的，因此您必须在回调中调用process方法，以将数据传递回插件。 这将在此处更详细地说明。