javascript - jQuery: लोड txt फ़ाइल और div में डालें




ajax (4)

मैं एक * .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>

टेक्स्ट:

im done

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

Syntax-Error
im done

मुझे नहीं पता क्या करना है :-(


आप jQuery.load () का उपयोग कर सकते हैं: http://api.jquery.com/load/

इस कदर:

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

आपको डेटा टाइप जोड़ने की आवश्यकता है - http://api.jquery.com/jQuery.ajax/

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

सामग्री प्राप्त करने और तत्व में डालने के लिए आप jQuery http://api.jquery.com/load/ विधि का उपयोग कर सकते हैं।

इसे इस्तेमाल करे:

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

लोड प्रक्रिया पूरी होने के बाद आप कुछ निष्पादित करने के लिए कॉल भी जोड़ सकते हैं

उदाहरण के लिए:

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

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





ajax