Динамическая таблица Jquery, генерирующая пространство, которое разрывает ссылку на изображение

Question

Я создаю таблицу обложек и названий Amazon для нашего магазина Amazon Associates, используя YQL для извлечения информации о книге из электронной таблицы Google Docs.Приведенная ниже функция «добавить» дает мне ссылку на изображение с дополнительным пробелом в ней (после «images / I /»), которая разрывает ссылку.Это дает мне:

http://ecx.images-amazon.com/images/I/%2041XXDPPYBQL._SL150_.jpg

или

http://ecx.images-amazon.com/images/I/ 41XXDPPYBQL._SL150_.jpg

вместо правильного:

http://ecx.images-amazon.com/images/I/41XXDPPYBQL._SL150_.jpg

Как я могу получить его для создания правильной ссылки?Должен ли я что-то избежать?

.append('<tr><td class="coverwrap"><a href="http://astore.amazon.com/calvininstitu-20/detail/' + item.ASIN + '"><img src="http://ecx.images-amazon.com/images/I/' + item.ImageID + '._SL150_.jpg"></a></td> [...]

Answer 1

Согласно комментарию @ * Шиме , похоже, что в item.ImageID есть дополнительный пробел. Простой способ исправить это - $.trim() строка:

.append('<tr><td class="coverwrap"><a href="http://astore.amazon.com/calvininstitu-20/detail/' + item.ASIN + '"><img src="http://ecx.images-amazon.com/images/I/' + $.trim(item.ImageID) + '._SL150_.jpg"></a></td> ...')

Answer 2

По какой-то причине у вашего ImageID появляется пробел.Если вы не можете исправить это в источнике, вы можете обрезать его так:

item.ImageID.replace(/^\s+/, "")