jQuery: लोड txt फ़ाइल और div

Question

में डालें मैं एक * .txt फ़ाइल लोड करना चाहता हूं और सामग्री को div में डालना चाहता हूं। यहाँ मेरी कोड:

js:

$(document).ready(function() { 
    $("#lesen").click(function() { 
     $.ajax({ 
      url : "helloworld.txt", 
      success : function (data) { 
       $(".text").html(data); 
      } 
     }); 
    }); 
}); 

एचटीएमएल:

<div class="button"> 
    <input type="button" id="lesen" value="Lesen!" /> 
</div> 

<div class="text"> 
    Lorem Ipsum <br /> 
</div> 

txt:

im done 

मैं त्रुटि निम्न बटन फ़ायरबग रिपोर्ट पर क्लिक करते हैं:

इस तरह

:

मुझे पता है :-(

Answer 1

आप एक डेटाप्रकार जोड़ने की जरूरत है। एक बार लोड प्रक्रिया के पूरा होने

, उदा,

$(document).ready(function() { 
     $("#lesen").click(function() { 
       $(".text").load("helloworld.txt"); 
    }); 
}); 

आप भी वापस एक फोन जोड़ सकते हैं कुछ निष्पादित करने के लिए:

$(document).ready(function() { 
    $("#lesen").click(function() { 
     $(".text").load("helloworld.txt", function(){ 
      alert("Done Loading"); 
     }); 
    }); 
}); 

Answer 2

आप jQuery.load() इस्तेमाल कर सकते हैं कि क्या करना है नहीं है

$(".text").load("helloworld.txt"); 

Answer 3

$(".text").text(data); 

प्रयास करें

या स्ट्रिंग में प्राप्त डेटा को कन्वर्ट करने के लिए। http://api.jquery.com/jQuery.ajax/

$(document).ready(function() { 
    $("#lesen").click(function() { 
     $.ajax({ 
      url : "helloworld.txt", 
      dataType: "text", 
      success : function (data) { 
       $(".text").html(data); 
      } 
     }); 
    }); 
}); 

Answer 4

आप jQuery load विधि का उपयोग कर सकते हैं सामग्री हो और एक तत्व में डालने के लिए -

Answer 5

.load("file.txt") बहुत आसान है

इस प्रयास करें। जो काम करता है लेकिन परीक्षण के बावजूद, आपको स्थानीयdrive से परिणाम नहीं मिलेगा, आपको एक वास्तविक http सर्वर की आवश्यकता होगी। अदृश्य त्रुटि एक XMLHttpRequest त्रुटि है।

Answer 6

<script type="text/javascript">  
    $("#textFileID").html("Loading...").load("URL TEXT"); 
</script> 

<div id="textFileID"></div>