Назначение объекта JSON в поле данных

Я динамически создает строку, используя JavaScript, вот код ниже:Назначение объекта JSON в поле данных

var row2 = "<tr><td><a href='#editModal' class='modal_trigger' data-info="+name+" data-toggle='modal'>Edit</a></td></tr>";

Значение переменной здесь является объект JSON. Это позже передается модально, когда пользователь нажимает на него, и значения могут быть получены. Однако просто объявив var, как я сделал выше наборы data-info=[Object object].

Содержание переменной JSON является:

Object 
    name: "Test 8" 
    created_at: "2015-06-10 16:54:45" 
    id: 128 
    updated_at: "2015-06-10 16:54:45" 
    __proto__: Object

Есть ли способ вокруг него?

источник

2015-06-11 Namit

использовать JSON.strigify – kornieff

@kornieff, просто попробовал: это приводит к 'data-info =" {"" id ": =" "6, =" "...}' – Namit

что такое содержимое переменную 'name'? по-видимому, это больше, чем просто имя. Добавьте 'console.log (имя)' прямо перед вашей строкой кода и сообщите нам, что напечатано на консоли. – LeGEC

Некоторые советы здесь:

Не используйте var в качестве имени переменной, даже в примерах (реальный код не будет даже скомпилировать)
Пожалуйста, убедитесь, что вы понимаете, что JSON является, потому что Javascript object! = JSON. Очевидно, var является объектом JS в этом случае.

сказал, что вы можете преобразовать любой объект JS, который не содержит функции в строку JSON с JSON.stringify(variable):

UPDATE: Это то, что я имею в виду:

var row2 = '<tr><td><a href="#editModal" class="modal_trigger" data-info="'+ 
     name+'" data-toggle="modal">Edit</a></td></tr>';

(Обратите внимание на изменения используя кавычки)

источник

2015-06-11 07:27:54

В качестве примера здесь использовался только «var». Кроме того, я попробовал 'JSON.stringify', результат:' data-info = "{" id ": 7," author_name ":" Test "" User "...}' – Namit

Это JSON !. Теперь вы может создать объект JS, просто делая противоположный шаг: 'JSON.parse (myJsonString)' –

Parse не принимает 'Object'. – Namit

, пожалуйста, используйте JSON.stringify(yourVar).

var row2 = "<tr><td><a href='#editModal' class='modal_trigger' data-info="+JSON.stringify(yourVar)+" data-toggle='modal'>Edit</a></td></tr>";

источник

2015-06-11 07:28:12

Если вы получаете [object Object] то это не JSON, является объектом.
JSONстрока, содержащая объект, сериализованный, и используется в качестве облегченного формата обмена данными.

Try сериализация объекта JSON

"...data-info=" + JSON.stringify(myVar||null) + " data..."

Здесь я добавил принуждение к null, чтобы предотвратить ошибку, когда переменные не содержат данных.

источник

2015-06-11 07:31:42 jherax

, вероятно, лучше использовать 'JSON.stringify (myVar || {})' – royhowie

Я использовал 'null', потому что если myVar является 'undefined' или не содержит данных, когда [JSON] (http://json.org/) анализируется на Object, он должен отражать ** пустые данные **, а объект' {} 'оценивается как 'true', когда ** принудительно **, напротив,' null' не представляет никаких данных. – jherax

считать: 'if ({}) // -> true', вместо этого:' if (null) // -> false' – jherax

Храните name переменные в некотором отображении или массив, сохранить идентификатор или индекс в вашей строке, и использовать это, чтобы забрать его позже:

// using a mapping : 
var infoMapping = {}; 

function createRow (name) { 
    // this will work if 'id' is a key which identifies the object 
    infoMapping[name.id] = name; 
    var row2 = "<tr><td><a href='#editModal' ... data-infoid="+name.id+" ... "; 
    // etc ... 
} 

function editModal (nRow) { 
    var infoid = $(nRow).attr('data-infoid'); 
    var name = infoMapping[infoid]; 

    // use name ... 
}

источник

2015-06-11 07:40:09 LeGEC

Не могли бы вы немного подробнее остановиться здесь. – Namit

@Namit: вы указываете на какой-то модальный вопрос, как вы используете 'data-info' в своем модальном? – LeGEC

Как только модальная функция открыта, я пытаюсь получить доступ к объекту, хранящемуся в 'data-info'. – Namit

var x = {a:10, b:20}; 
var html = "<div data-info='" + JSON.stringify(x) + "'></div>";

Результат

"<div data-info='{"a":10,"b":20}'></div>"

источник

2015-06-11 08:38:11 kornieff

Назначение объекта JSON в поле данных

ответ

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