Question

我有一个名为wordsAndMeaning.json的.json文件

{
    "words" : [
        {   
            "name" : "Apple",
            "meaning" : "A fruit"
        },
        {
            "name" : "Truck",
            "meaning" : "A heavy vehicle"
        },
        {
            "name" : "Zebra",
            "meaning" : "An animal"
        },
        {
            "name" : "Rock",
            "meaning" : "A music Genre"
        }
    ]
}

我的窗口中有两个文本字段，其中包含名称和名称含义以及提交按钮。

我想要做的是在填写textFields并单击Submit（即addEventListener）之后，我希望输入的数据作为新的键值对附加到上面的wordsAndMeanings.json文件中。

wordsandMeanings.json文件存在于resourcesDirectory中，我正在使用fileSystem来实现它。

我是JSON概念的新手。如此详细的解释与代码将不胜感激。我正在Titanium中实现这个任务。

我将把我的整个app.js代码放在

之下

var window = Ti.UI.createWindow();

var view1 = Titanium.UI.createView({
    backgroundcolor:'21DCEE'
});
var view2 = Titanium.UI.createView({});

var textName = Titanium.UI.createTextField({
    top:100,
    left:50,
    height:50,
    width:150,
    borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    hintText:'Enter the word'
});

var textMeaning = Titanium.UI.createTextField({
    top: 200,
    left:50,
    width:150,
    height:50,
    borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    hintText:'Enter its meaning'
});

var submit = Titanium.UI.createButton({
    top:300,
    left:100,
    title:'Submit'
});

var tableView = Ti.UI.createTableView();
var tableData = [];
var fileName = 'wordsAndMeanings.json';
var file = Ti.Filesystem.getFile(Ti.Filesystem.resourcesDirectory, fileName); 
var preParseData = file.read();
var response = JSON.parse(preParseData);
Ti.API.info(response.words.length);
for(var i = 0; i < response.words.length ; i++){
    word = response.words[i];
    row = Ti.UI.createTableViewRow({
        height : '60dp'
    });
    nameLabel = Ti.UI.createLabel({
        text: word.name,
        font: { fontSize:'24dp', fontWeight:'bold'},
        height:'auto',
        left:'10dp',
        color:'#000',
        touchEnabled : false
    });
    row.add(nameLabel);
    tableData.push(row);
    tableView.setData(tableData);
}

var add = Titanium.UI.createButton({
    title: 'Add',
    top: 150,
    left: 50
});

add.addEventListener('click',function(e){
    window2 = Titanium.UI.createWindow({
        backgroundColor:'8FD2ED'
    });

    submit.addEventListener('click', function(e){
        //response.words.push({"name" : "abc", "meaning" : "alphabets"});
        //Ti.API.info(typeof(textName.value));
        //var one = JSON.parse(textName.value);
        //Ti.API.info(one);
        var obj = eval("(textName.value)");
        Ti.API.info(obj);
        //var file2 = Titanium.FileSystem.getFile(Titanium.FileSystem.resourcesDirectory,'wordsAndMeanings.json');
        //file2.write()
    });


    window2.open();
    window2.add(view2);
    view2.add(textName);
    view2.add(textMeaning);
    view2.add(submit);
});
window.open();
window.add(view1);
view1.add(tableView);
view1.add(add);

Answer 1

阅读链接到的文档@Anand后，您将看到无法在resourcesDirectory中写入。您可以将新文件保存在applicationDataDirectory中，然后从该文件加载。

由于您已经在字典（var response = JSON.parse(preParseData);）中解析数据，因此我会在submit eventListener（//response.words.push({"name" : "abc", "meaning" : "alphabets"});）中完全按照您的方式添加新数据，最后，stringify保存它的响应字典。

1）所以阅读并解析json：

var fileName = 'wordsAndMeanings.json';
var file = Ti.Filesystem.getFile(Ti.Filesystem.resourcesDirectory, fileName); 
var preParseData = file.read().text; // file.read() will return the blob. file.read().text is what you want
var response = JSON.parse(preParseData);

2）获取有关提交点击和附加数据的字段数据

submit.addEventListener(click, function(e) {
 var userTextMeaning = textMeaning.value; // Read value property of both fields
 var userTextName = textName.value;
 response.words.push({"name" : userTextName, "meaning" : userTextMeaning}); // Push the new data to response list
}

3）在applicationDataDirectory

中进行字符串化并保存

var fileName = 'wordsAndMeanings.json';
var file = Ti.Filesystem.getFile(Ti.Filesystem.applicationDataDirectory, fileName); 
var json = JSON.stringify(response);
file.write(json)

Answer 2

您可以使用write method写入Titanium中的文件。在执行此操作之前，您应该了解Titanium File System。

此外，您应将语句var obj = eval("(textName.value)");更改为var obj = eval("(" + textName.value + ")");。

Answer 3

使用Titanium.App.Properties()代替文件系统会好得多。您可以使用以下方法轻松存储和检索整个对象：

Ti.App.Properties.getObject('propertyName', defaultValue); - 当属性不存在时返回第二个参数。
Ti.App.Properties.setObject('propertyName', value);

将json键值对附加到.json文件Titanium

3 个答案: