изменить данные $ .get с помощью jquery

Question

изменить данные $ .get с помощью jquery

0

То, что я хотел бы сделать, это использовать $.get для вывода данных из другого источника. Теперь, когда элементы returend в переменных "data" меняют, я хочу получить доступ к узлу и вставить его в свой собственный html внутри него. После этого я хотел бы сохранить теперь "завершенные" данные в виде, который можно отобразить на экране.

$.get("view/contractCreator.html", function(puzzel){

        $.get("controller/controller.php", { command: "contractCreatorDisplay"},function(data){

            var contents            =       "";
            data                    =       jQuery.parseJSON(data);
            var contractTypeLen     =       data.length;
            for(var i = 0; i < contractTypeLen; i++){
                contents    +=      "<div class='actionBox' data-contractType='"+data[i].room_type_id+"' style='width:300px;height:350px;background-color:rgba(101, 201, 168, 0.9);'>";
                contents    +=      "<div class='actionBox' data-input='title' data-placeholder='title' style='width:300px;height:50px;background-color:rgba(82,131,158,0.9); clear:both;'><input type='text' id='title' class='inputFill' placeholder='title' value='"+data[i].room_type_name+"'></div>";
                contents    +=      "<div class='actionBox' data-input='description' data-placeholder='desciption' style='width:300px;height:110px;background-color:rgba(74,150,129,0.9); clear:both;'><input type='text' id='description' class='inputFill' placeholder='title' value='"+data[i].room_type_desc+"'></div>";
                var contractsLen = data[i].rent_contracts.length;
                for(var x = 0; x < contractsLen; x++){
                    contents    +=      "<div class='actionBox' data-contract_id='"+data[i].rent_contracts[x].rent_contract_id+"' data-pdfId='"+data[i].rent_contracts[x].pdf_id+"' data-duration='"+data[i].rent_contracts[x].rent_contract_duration+"' data-deposit='"+data[i].rent_contracts[x].rent_contract_deposit+"' data-rent='"+data[i].rent_contracts[x].rent_contract_rent+"' style='width:149px;height:94px;background-color:rgba(82,131,158,0.9);border-right: 1px solid rgba(150,229,210,0.9);border-bottom: 1px solid rgba(150,229,210,0.9);'><img src='img/addWhite.png' style='height:40px;margin-top:15px;'/><p style='margin-top:10px;font-size:12px;color:white;'>not done</p></div>";
                }
                contents    += "</div>";
            }

            var completePuzzel = $(puzzel).$('#contractArea').html(contents);
            console.log(completePuzzel);
            transition(completePuzzel);
        });
    });

В этой строке я хотел бы вставить данные, которые я получаю из другого источника.

 var completePuzzel = $(puzzel).$('#contractArea').html(contents);

Любая помощь будет фантастической и оцененной!

Austin Lovell 15 дек. 2013, в 20:32

Источник

0

$ .getJSON () создан для этого
Deryck 15 дек. 2013, в 19:23
0

Хм .. если getJSON уместен здесь, тогда мой ответ должен быть неправильным. Ваш код сбивает с толку .. поэтому я не слишком уверен.
m59 15 дек. 2013, в 19:25

Теги:

jquery

get

1 ответ

Ещё вопросы

Хм .. если getJSON уместен здесь, тогда мой ответ должен быть неправильным. Ваш код сбивает с толку .. поэтому я не слишком уверен.

m59 · Accepted Answer · 2013-12-15T18-20-00.000Z

Если я вас правильно понял - вы можете создать элемент и добавить разметку data к нему. Затем выполните поиск этого элемента с помощью селекторов jQuery, сделайте необходимые изменения как обычно, а затем добавьте содержимое элементов (измененные данные) туда, где вы хотите на странице.

Это предполагает, что под "узлом" вы подразумеваете элемент DOM, что является нормальным значением.

var $elem = $(<div></div>)

$elem.html(data);

$toChange = ('.someSelector', $elem); //find .someSelector elem in your data
$.toChange.text('I got changed!'); //make your change

$('.someElemOnPage').append($elem.contents()); //append your changed "data" markup somewhere in the DOM.