कैसे सीपीयू

Question

मैं एक पृष्ठ पर डेटा लोड हो रहा है के लिए एक अधिक ajax दृष्टिकोण के साथ प्रयोग किया गया है, ज्यादातर Postbacks से बचने के लिए गंभीर के बिना आईई करने के लिए HTML की बड़ी मात्रा में जोड़ने के लिए। मैं आसानी से सर्वर-निर्मित एचटीएमएल को अजाक्स कॉल के माध्यम से प्राप्त कर सकता हूं और इसे डोम में जोड़ना jquery's .append या .replaceWith की मदद से काफी आसान है। क्रोम/फ़ायरफ़ॉक्स में ये दोनों विधियां बेहद तेज़ हैं लेकिन अर्थात् (7,8, 9) में बहुत धीमी है।

$.ajax(
{ 
    url: url, 
    dataType: 'html', 
    cache: false, 
    success: function (responseHtml) 
    { 
      //document.getElementById('targetElementId').outerHTML = responseHtml; 
      $('#targetElementId').replaceWith(responseHtml); 
    } 
}); 

आप मेरे कोड ब्लॉक से देखेंगे, मैंने एक गैर-jquery दृष्टिकोण का उपयोग करने का भी प्रयास किया है। दोनों पंक्तियां यानी भयानक रूप से प्रदर्शन करती हैं। तो मेरा सवाल है, पेज पर बड़ी मात्रा में एचटीएमएल जोड़ने के लिए सबसे अच्छा अभ्यास क्या है, इसलिए यह क्रश नहीं करता है?

Answer 1

यदि आप कर सकते हैं, तो आप ब्राउज़र में जेएसओएन लौटने से बेहतर हैं और एचटीएमएल को जेएससन को प्रदर्शित करने के लिए jQuery tmpl जैसे टेम्पलेट प्लगइन का उपयोग करना बेहतर है, क्योंकि टीएमपीएल कुछ अद्भुत कैशिंग करता है जो धीमे ब्राउज़र में प्रदर्शन को गति देता है अर्थात। यह जेएसओएन प्रतिक्रिया स्नैपियर भी बनाता है। उदाहरण:

<script id="template" type="text/x-jquery-tmpl"> 
    <span class="message">${text}</span> 
</script> 


<script type="text/javascript"> 
    $.ajax(
    { 
     url: url, 
     dataType: 'json', 
     cache: false, 
     success: function (data) 
     { 
      $("#targetElementId").html($("#template").tmpl(data)); 
     } 
    }); 
</script> 

आपका JSON प्रतिक्रिया प्रारूप तैयार किया जाता करने के लिए ऐसी है कि वह टेम्पलेट का मिलान नहीं हुआ की आवश्यकता होगी:

{ text: "Blah!" } 

Answer 2

आप .text कोशिश कर सकते हैं() या .html()।