Показать сообщение отдельно
  #1 (permalink)  
Старый 07.05.2014, 21:06
Новичок на форуме
Отправить личное сообщение для nechotack Посмотреть профиль Найти все сообщения от nechotack
 
Регистрация: 07.05.2014
Сообщений: 5

Вывод переменных, полученных get-запросом
Здравствуйте. Возникла необходимость написать скрипт, который должен забирать все изображения с поста вконтакте get-запросом и вставлять их в контейнер на сайте. Мною был написан скрипт, который забирает все картинки, но вот проблема с выводом. В контейнер выводит только первое изображение. Пробовал сделать все через функцию .each, вставлял её где только можно, но безрезультатно.
Вот собственно код скрипта:

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">
jQuery.ajax = (function(_ajax){
var protocol = location.protocol,
hostname = location.hostname,
exRegex = RegExp(protocol + '//' + hostname),
YQL = 'http' + (/^https/.test(protocol)?'s':'') + '://query.yahooapis.com/v1/public/yql?callback=?',
query = 'select * from html where url="{URL}" and xpath="*"';
function isExternal(url) {
return !exRegex.test(url) && /:\/\//.test(url);
}
return function(o) {
var url = o.url;
if ( /get/i.test(o.type) && !/json/i.test(o.dataType) && isExternal(url) ) {
o.url = YQL;
o.dataType = 'json';
o.data = {
q: query.replace(
'{URL}',
url + (o.data ?
(/\?/.test(url) ? '&' : '?') + jQuery.param(o.data)
: '')
),
format: 'xml'
};
if (!o.success && o.complete) {
o.success = o.complete;
delete o.complete;
}
o.success = (function(_success){
return function(data) {
if (_success) {
_success.call(this, {
responseText: (data.results[0] || '')
.replace(/<script[^>]+?\/>|<script(.|\s)*?\/script>/gi, '')
}, 'success');
}
};
})(o.success);
}
return _ajax.apply(this, arguments);
};
})(jQuery.ajax);
</script>


<script type="text/javascript">
$(document).ready(function() {
$.get("http://vk.com/wall-52495835_25216", function(res) {
var mplink=$(res.responseText);
var mp = mplink.find('img').attr("src");
$("#images").html("<img src="+mp+">"+"src");
});
});
</script>


<style>
img{
height: 100px;
}
#test {
background:#f00;
}
</style>

</head>
<body>
<div id="images">
</div>
</body>
</html>


Первый скрипт позволяет cделать кросс-доменный get-запрос (ссылка на github): https://github.com/padolsey/jquery.f...ss-domain-ajax

Второй скрипт, написанный мною. Собственно в нем и проблема. Задача, по идее, из легких, но я никак не могу с ней справиться, так как раньше максимум, что я делал с помощью js это выплывающее меню. Надеюсь, Вы поможете мне разобраться. Спасибо.

Последний раз редактировалось nechotack, 07.05.2014 в 21:16.
Ответить с цитированием