Обновите содержимое DIV с другими параметрами API

Question

Обновите содержимое DIV с другими параметрами API

0

Я пытаюсь обновить содержимое 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();
});

Harry 01 дек. 2013, в 16:58

Источник

0

Что вы ожидаете от этого кода? Что он делает вместо этого?
Pointy 01 дек. 2013, в 15:43
0

Когда страница загружается, она отображает все свойства как от продажи, так и от аренды. Когда пользователь нажимает ссылку «Аренда», я хочу, чтобы страница обновлялась и вместо этого отображала свойства для аренды. Поэтому я пытаюсь изменить ajaxURL и добавить периметр "? Перечисление_status = аренда"
Harry 02 дек. 2013, в 12:38

Теги:

javascript

jquery

html

jsonp

1 ответ

Ещё вопросы

Что вы ожидаете от этого кода? Что он делает вместо этого?
Когда страница загружается, она отображает все свойства как от продажи, так и от аренды. Когда пользователь нажимает ссылку «Аренда», я хочу, чтобы страница обновлялась и вместо этого отображала свойства для аренды. Поэтому я пытаюсь изменить ajaxURL и добавить периметр "? Перечисление_status = аренда"

Richard Lindsey · Answer 1 · 2013-12-01T14-10-00.000Z

Функция.load() ожидает, что URL-адрес будет передан ему, но вы передаете один и тот же селектор (#main). Вероятно, это должно быть нечто большее:

$('#main').load(ajaxURL);