将文本文件读取到jQuery会返回`object Object`,而不是text / string

时间:2018-08-06 16:44:00

标签: javascript jquery

我只是想将一行.txt文件读到一个变量。稍后,我想在网页中显示该变量。

我的文件夹结构:

NewsAlerts
    index.html
    assets
        searchterms.txt
        js
            newsalerts.js [THIS is the .js that runs the code below]
        css
            style.css

我的searchterms.txt仅包括:

Chicago AND Illinois OR (Summer AND Winter)

所以我只是希望我的javascript变量保存该字符串。

代码:

var search_terms = $(".text").load("assets/searchterms.txt");

$("#terms_submission").on("click", function(){
    $("#terms_list").add("<span>" + search_terms);
    alert(search_terms.valueOf());
});

jQuery似乎确实正在加载某些内容,如果我添加alert(search_terms),则会得到[object Object]。但是执行search_terms.text()会返回"",所以也许它正确地创建了一个Object变量...但其中没有任何内容。

1 个答案:

答案 0 :(得分:0)

这似乎与跨源请求有关。解决此问题的方法(至少是在本地)是从News Alerts文件夹启动本地服务器。

Windows使用说明:

  1. 打开命令提示符并将目录更改为项目的顶部文件夹。
  2. 使用python -m http.server启动本地服务器[请注意,这是Python 3]
  3. 导航到http://localhost:8000/
  4. 脚本现在将运行。

首先,我使用的最终脚本是:

$.get(TXT, function(data){
    alert(data);
    $("new_search_terms").attr("placeholder", data);
});