Я пытаюсь обновить содержимое div после загрузки DOM.
Содержимое загружается из API, который загружает различное содержимое на основе того, какие значения параметров переданы.
С самого начала загрузится содержимое. Но у меня есть возможность для пользователя просто загружать свойства "Продажа" или "Аренда", поэтому у меня есть функция onClick для обновления параметров API.
Вот мой код
var url = "http://api.zoopla.co.uk/api/v1/property_listings.js";
var key = "APIKEY";
var branch = "7103";
var ajaxURL = url + "?branch_id=" + branch + "&api_key=" + key;
$('#rentals a').click(function (evt) {
var link = $(this).attr('href');
ajaxURL += link;
$("#main").load('#main');
evt.preventDefault();
});
$.ajax({
type: 'GET',
dataType: 'jsonp',
jsonp: 'jsonp',
url: ajaxURL,
success: function (data) {
$.each(data.listing, function (i, property) {
$("#main").append('<h3>' + property.displayable_address + '</h3><p>' + property.description + '<br /> <img src="' + property.image_url + '" /> </p>')
});
},
error: function () {
alert("Sorry, I can't get the feed");
}
}); // end GET
Его код здесь я не могу заставить wo работать
$('#rentals a').click(function (evt) {
var link = $(this).attr('href');
ajaxURL += link;
$("#main").load('#main');
evt.preventDefault();
});
Функция.load() ожидает, что URL-адрес будет передан ему, но вы передаете один и тот же селектор (#main). Вероятно, это должно быть нечто большее:
$('#main').load(ajaxURL);