javascript – 如何使用ajax发布一些内容然后检索它？

你们都可以看到我是 javascript和jquery的大NOOB,但我对ajax请求有疑问.

这是我想要做的但我不知道如何：

>我宣布了一个content.append(‘< div id =“Box”>< textarea>一些内容< / textarea>< / div');
>现在我想把那个文本= $(‘textarea’).value();转到ajax请求.

这样的事情：

$.ajax({
    type: "POST",url: "/localstorage/Boxes",data: text,contentType: "application/json; charset=utf-8",dataType: "json"
});

然后我想将该数据调回另一个函数oldBox(),以便在用户点击该事件时将其显示回来

UPDATE

function saveNote(){

        var theNote = $('div#note');
        var textValue = $this.$('textarea').value();
        var textData = JSON.stringify(textValue);


        $.ajax ({
            type:"POST",url: "/localstorage/notes",data: textData,dataType: "json",success: function(data) {
                loadNote(data);
            }
        });

    }

这很好,它修复了我的错误但是当我尝试找到localstorage / notes文件时它是空的,它应该是空的吗？

解决方法

在你的ajax中,添加这个位：

success: function(data) {
    oldBox(data);
}

所以你的ajax看起来像这样：

$.ajax({
    type: "POST",success: function(data) {
        oldBox(data);
    }
});

这假设您的oldBox()函数看起来类似于：

function oldBox(data) {
    $('.whatever').html(data);
}

但是你可以将这一行($(‘.whatever’).html(data);)添加到成功中：

在/ localstorage / Boxes中,您需要回显出ajax要检索的内容.

例如：

text = "Hello";
// text -> /localstorage/Boxes
/localstorage/Boxes echoes out 'Hi to you to!'
// /localstorage/Boxes -> original page
oldBox('Hi to you to!');