JQuery - Чтение данных из текстового файла и присвоить разные переменные

у меня есть этот текстовый файл, и в нем:JQuery - Чтение данных из текстового файла и присвоить разные переменные

название (Вот название, которое получает вставляется в заголовке элемент) тела (Вот текст тела, который вставлен в элемент тела)

и я хочу, чтобы jquery вставлял заголовок в элемент заголовка и тело в элемент тела. Возможно ли это, или мне нужно использовать отдельные файлы txt для каждого контента? Я новичок в jquery, так что это не очень очевидно для меня.

У меня есть этот код до сих пор:

$(function(){ 
 
    $("#title").load("content/home.txt"); 
 
    $("#body").load("content/home.txt"); 
 
});

Если бы это было трудно понять, я надеюсь, что этот код будет лучше объяснить.

источник

2015-07-08 Sebastian Olsen

Javascript не может читать файлы в вашей файловой системе без участия пользователя. Вам нужно будет предоставить диалог выбора файла, тогда пользователю нужно будет выбрать файл для открытия. –

Оформить эту ссылку http://www.sitepoint.com/jquery-read-text-file/ Как только вы загрузите файл, вы можете применить его к своей DOM. – kjy112

Если это контент на вашем сервере, используйте объекты JSON и Ajax. Будет более эффективным. – Mateutek

Простой:

Есть файл (doc.json) с содержимым:

{ 
    "title" : "some title", 
    "body" : "some body text" 
}

И ваша страница

$.getJSON("doc.json", function(data) { 
    $("#title").text(data.title); 
    $("#body").text(data.body); 
});

источник

2015-07-09 00:31:06 BhavO

Большое вам спасибо, это была такая трудная задача для меня, и вы просто решили ее. Это, безусловно, лучший ответ! –

Ваш прием, удачи. – BhavO

Измените файл Home.txt в HTML-файл, и он будет содержать что-то вроде этого:

<html> 
<head> 
<title>Foo!</title> 
</head> 
<body>Bar!</body> 
</html>

Затем изменить свой код этой

$(function(){ 
    $("#title").load("content/home.html title"); 
    $("#body").load("content/home.html body"); 
});

В качестве альтернативы вы можете сохранить файл в объект JSON, загрузите его с помощью $ .ajax, а затем используйте эти значения. Это сделало бы так, чтобы ваш текстовый файл не был действительным html.

В любом случае, вероятно, это будет работать. Однако это решение, которое, вероятно, лучше подходит для серверного языка.

источник

2015-07-08 23:55:36

Не знаете, как хранить что-то как объект json, как бы я это сделал? –

Объект json - это всего лишь объектная нотация javascript: {Название: 'Foo!', Body: 'Content!'} –

Ваш текстовый файл может иметь заголовок, тело которого разделено разделителем. Так, например, ваш файл .txt будет выглядеть следующим образом:

// = is the delimiter 
title=body

Jquery будет считывать содержимое файла в переменную (используя $ .get). Выделим заголовок и тело в массив с помощью функции раскола():

function ReadFile() { 
     $.get("test.txt", function (response) { 
      var arrStr = response.split("="); 
      $('#txtbox1').val(arrStr[0]); //title 
      $('#txtbox2').val(arrStr[1]); //body 
     }); 
    }

источник

2015-07-09 00:10:57 invulnarable27

JQuery - Чтение данных из текстового файла и присвоить разные переменные

ответ

Смежные вопросы