Блог

Нужны некоторые рекомендации о том, как обновлять и обновлять информацию внутри div, которая содержит информацию из вызова AJAX. В настоящее время div очищается перед его обновлением по щелчку мыши. Мне нужно, чтобы это происходило без привязки к обработчику события щелчка.

Вот код :

 var selectedSize = "Select a Size";
$("#ResidentialBuildingSize").append('<option value="'   selectedSize   '">'   selectedSize   '</option>');
$('option[value="'   selectedSize   '"]').attr('disabled', 'disabled');
$("#ResidentialBuildingStories").change(function () {
    url = '/ResidentialBuilding/getBldgSize?stories=';
    optionElement = $('#ResidentialBuildingStories').val();
    url = url   optionElement;
    $("#ResidentialBuildingSize").empty();
    $("#ResidentialBuildingSize").append('<option value="'   selectedSize   '">'   selectedSize   '</option>');
    $('option[value="'   selectedSize   '"]').attr('disabled', 'disabled');
    $.getJSON(url, function (data) {
        $.each(data, function (index, value) {
            $('#ResidentialBuildingSize').append('<option value"'   value.size   '">'   value.size   '</option>');
        });
    });
    $("#info").click(function () {
        infoHead = "infoHead";
        invisible = "invisible";
        type = $("#ResidentialBuildingType").val();
        stories = $("#ResidentialBuildingStories").val();
        size = $("#ResidentialBuildingSize").val();
        url = "/ResidentialBuilding/getBldgInfo?type="   type   "amp;stories="   stories   "amp;size="   size;
        //$("#titles").empty();
        //$("#values").empty();
        $.getJSON(url, function (data) {
            $.each(data, function (index, value) {
                $("#titles").empty();
                $("#values").empty();
                $("#titles").append('<h5 class="'   infoHead   '">'   value.r.type   " ("   value.r.stories   ")"   '</h5>');
                $("#titles").append('<p>'   "Stories"   '</p>');
                $("#titles").append('<p>'   "Age"   '</p>');
                $("#titles").append('<p>'   "Size"   '</p>');
                $("#titles").append('<p>'   "Orientation"   '</p>');
                $("#titles").append('<p>'   "Shape"   '</p>');
                $("#titles").append('<p>'   "Floor Height"   '</p>');
                $("#titles").append('<p>'   "Foundation"   '</p>');
                $("#titles").append('<p>'   "Window Percent"   '</p>');
                $("#titles").append('<p>'   "Heating"   '</p>');
                $("#titles").append('<p>'   "Cooling"   '</p>');
                $("#values").append('<h5 class="'   infoHead   ' '   invisible   '">'   'amp;nbsp;'   '</h5>');
                $("#values").append('<p>'   value.r.stories   '</p>');
                $("#values").append('<p>'   value.r.age   '</p>');
            });
        });
    });
});//end change function
  

Попробуйте использовать

 window.setInterval(function, time)