使用JavaScript </p>将.txt文件中的文本放入<p>标签中

时间:2013-02-19 15:45:07

标签: javascript html xcode cordova

我有一个正在使用PhoneGapHTMLJavaScript开发的应用,到目前为止,我已让应用下载文件并将其读取到console.log。我现在想要将它读入指定的<p>标签,但是当我尝试一种技术时,我知道在从LocalFileSystem读取文件时工作它不起作用。这是代码;

    function downloadfile() {
        var fileTransfer = new FileTransfer();
        var uri = encodeURI("http://dl.dropbox.com/u/97184921/readme.txt");

        fileTransfer.download(
                uri,
                '/Users/administrator/Library/Application Support/iPhone Simulator/6.1/Applications/AF96D141-0CE5-4D60-9FA8-8A8F9A999C81/Documents/readme.txt',
                function(entry) {
                    console.log("download complete: " + entry.fullPath);
                },
                function(error) {
                    console.log("download error source " + error.source);
                    console.log("download error target " + error.target);
                    console.log("upload error code" + error.code);
                }
        );
    }

    function readDownloadedFile() {
        myFileSystem.root.getFile("readme.txt", {create: false, exclusive: false}, gotDownloadFileEntry, fail);
            var myDownload = document.getElementById("mytext");
            myDownload.innerText = text;
    }

    function gotDownloadFileEntry(fileEntry) {
        console.log(fileEntry);
        fileEntry.file(gotFile, fail);
    }

函数readDownloadFile()应该将.txt文件readme.txt中的文本读取到标识为<p>的{​​{1}}标记中。但是,当我尝试运行它时没有任何反应。关于我做错了什么想法?

1 个答案:

答案 0 :(得分:1)

我建议你使用简单的ajax调用

http://dl.dropbox.com/u/97184921/readme.txt

并将其传递到您的p标签。

喜欢

$('#mytext').load('http://dl.dropbox.com/u/97184921/readme.txt', function(){
   alert("i am done")
});

检查http://api.jquery.com/load/

这需要通过点击事件或其他东西来调用。 (在你的例子中,它没有被调用)