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

Question

Я создаю таблицу обложки Amazon и названия для нашего магазина Amazon Associates, используя YQL, чтобы вытащить информацию о книге из электронной таблицы Google Документов. Следующая функция «добавить» дает мне ссылку на изображение с дополнительным пространством в нем (после «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

Согласно @Šime's комментарий, похоже, есть дополнительное пространство в 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+/, "")