2013-10-01 56 views
0

我試圖讓FB風格發佈 如何設置使用內容從服務器 創建DIV DIV ID和更新內容爲確定如何更新的jQuery AJAX DIV的內容和ID

<div class="container"> 
    <div class="media" id="?????"> 
      // updated content here 
    </div> 

    // following DIVs exciting 
    <div class="media" id="uuid"></div> 
    <div class="media" id="uuid"></div> 
    <div class="media" id="uuid"></div> 
</div> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#submit-305008493").bind("click", function (event) { 
     $.ajax({ 
      beforeSend: function (XMLHttpRequest) { 
       $("#sending").fadeIn(); 
       $("#desMediaContainer").prepend("<div class=\"media translationMedia\" id=\"dsf\"></div>"); 
      }, 
      data: $("#submit-305008493").closest("form").serialize(), 
      dataType: "html", 
      success: function (data, textStatus) { 
       $("#sending").fadeOut(); 
       $("#desMediaContainer .translationMedia:first-child").html(data); 
      }, 
      type: "post", 
      url: "\/trans\/destinations\/add\/52104adf-4c88-4825-aa3f-0efcc282aae9" 
     }); 
     return false; 
    }) 
</script> 
+2

元素的ID必須是唯一的,你不能有ID UUID –

+0

你的代碼引用超過1元'#desMediaContainer',但不會出現在您的HTML中。那是你在問什麼問題? – Barmar

+0

是的所有ID都是唯一的。我正在嘗試爲新的div使用新創建的內容uuid。 – Kani

回答

0

解決。謝謝大家。我的錯。這很容易。 它的解決方案只是在前面加上孔的內容容器,並準備刪除編輯。

$('#container).append(data); 
0

雖然您沒有提供足夠的信息來實際表示,你應該從提取數據,你需要從什麼地方把它。您可以在加載中指定URL,以及定義數據參數或回調函數。

$("#getCameraSerialNumbers").click(function() { 
    $("#step1Content").load('YourUrl'); 
}); 
0

你寫不與你寫的(不同的ID)的JavaScript對應的HTML。

但隨着你的JavaScript一起去,你爲什麼不只是從beforeSend功能將您的div的創建右轉入成功的功能?

success: function (data, textStatus) { 
    $("#desMediaContainer").prepend("<div class="media translationMedia" id="dsf"></div>"); 
    $("#desMediaContainer #dsf").html(data); 
} 
+0

如何從新數據中獲取ID。 – Kani

+0

您需要澄清正在返回的數據的格式。當你調用這個URL:「/反/目的地/加52104adf-4c88-4825-aa3f-0efcc282aae9 /」,究竟是返回的數據的格式?這些數據是否包含ID?你可以發佈一個返回數據的例子嗎? – manishie

0

什麼都將數據返回它會成爲像HTML格式:

 
in php: 
echo "div class=\"someclass\">content/div"; 
and in jquery: 
use: $("#retdata").html(data);