使用jquery修改$ .get數據

我想要做的就是使用$ .get從其他數據源提取數據。隨着現在returend項目中的變量「數據」我想訪問一個節點，並堅持在我的一些自己的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);

任何幫助將是太棒了，讚賞！

來源

2013-12-15 Austin Lovell

$ .getJSON（）爲此 – Deryck

嗯..如果getJSON是相關的在這裏，那麼我的答案一定是錯的。你的代碼很混亂..所以我不太確定。 – m59

如果我理解正確的話 - 你可以創建一個元素，並添加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.

來源

2013-12-15 19:24:52 m59

使用jquery修改$ .get數據

回答

相關問題