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




ajax (6)

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

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


Answers

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

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

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


प्रयत्न

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

या एक स्ट्रिंग में प्राप्त डेटा को परिवर्तित करने के लिए।


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

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

सामग्री प्राप्त करने और तत्व में डालने के लिए आप 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");
        });
   }); 
}); 

कोणीय जेएस और jQuery:

AngularJs और JQuery JQLite कार्यक्षमता को छोड़कर प्रत्येक स्तर पर पूरी तरह से अलग हैं और आप इसे एंगुलरजेस कोर फीचर्स सीखने के बाद इसे देखेंगे (मैंने इसे नीचे समझाया है)।

AngularJs एक क्लाइंट साइड फ्रेमवर्क है जो स्वतंत्र क्लाइंट साइड एप्लिकेशन बनाने की पेशकश करता है। JQuery एक क्लाइंट साइड लाइब्रेरी है जो डोम के आसपास खेलती है।

AngularJs कूल सिद्धांत - यदि आप अपने यूआई पर कुछ बदलाव चाहते हैं तो मॉडल डेटा परिवर्तन परिप्रेक्ष्य से सोचें। अपना डेटा बदलें और यूआई खुद को फिर से प्रस्तुत करेगा। आपको हर बार डोम के आसपास खेलने की जरूरत नहीं है जब तक कि इसकी आवश्यकता नहीं होती है और इसे कोणीय निर्देशों के माध्यम से भी संभाला जाना चाहिए।

इस सवाल का जवाब देने के लिए, मैं अपने अनुभव को AngularJS के साथ पहले एंटरप्राइज़ एप्लिकेशन पर साझा करना चाहता हूं। ये सबसे शानदार विशेषताएं हैं जो एंगुलर प्रदान करते हैं जहां हम अपनी jQuery मानसिकता को बदलना शुरू करते हैं और हमें कोणीय को ढांचे की तरह मिलता है, न कि लाइब्रेरी।

दो-तरफा डेटा बाइंडिंग अद्भुत है: मेरे पास सभी कार्यक्षमता अद्यतन, DELTE, INSERT के साथ ग्रिड था। मेरे पास एक डेटा ऑब्जेक्ट है जो ग्रिड के मॉडल को एनजी-दोहराने का उपयोग करके बांधता है। आपको केवल हटाने और डालने के लिए सरल जावास्क्रिप्ट कोड की एक पंक्ति लिखनी होगी और यही वह है। ग्रिड स्वचालित रूप से अपडेट होने के रूप में ग्रिड स्वचालित रूप से अद्यतन होता है। अद्यतन कार्यक्षमता वास्तविक समय है, इसके लिए कोई कोड नहीं है। तुम्हे बड़ा अच्छा लग रहा है!!!

पुन: प्रयोज्य निर्देश सुपर हैं: एक ही स्थान पर निर्देश लिखें और पूरे एप्लिकेशन में इसका उपयोग करें। हे भगवान!!! मैंने पेजिंग, रेगेक्स, सत्यापन आदि के लिए इन निर्देशों का उपयोग किया। यह वास्तव में अच्छा है!

रूटिंग मजबूत है: यह आपके कार्यान्वयन पर निर्भर है कि आप इसका उपयोग कैसे करना चाहते हैं, लेकिन HTML और नियंत्रक (जावास्क्रिप्ट) निर्दिष्ट करने के अनुरोध को रूट करने के लिए कोड की बहुत कम पंक्तियों की आवश्यकता होती है।

नियंत्रक बहुत अच्छे हैं: नियंत्रक अपने स्वयं के एचटीएमएल का ख्याल रखते हैं, लेकिन यह अलगाव सामान्य कार्यक्षमता के लिए अच्छी तरह से काम करता है। यदि आप मास्टर एचटीएमएल पर एक बटन के क्लिक पर एक ही फ़ंक्शन को कॉल करना चाहते हैं, तो बस प्रत्येक नियंत्रक में एक ही फ़ंक्शन नाम लिखें और व्यक्तिगत कोड लिखें।

प्लगइन्स: आपके ऐप में ओवरले दिखाने जैसी कई अन्य समान विशेषताएं हैं। आपको इसके लिए कोड लिखने की आवश्यकता नहीं है, बस एक ओवरले प्लगइन का उपयोग करें जो wc-overlay के रूप में उपलब्ध है, और यह स्वचालित रूप से सभी XMLHttpRequest (XHR) अनुरोधों का ख्याल रखेगा ।

RESTful आर्किटेक्चर के लिए आदर्श : एक पूर्ण रूपरेखा होने के नाते AngularJS को एक शानदार वास्तुकला के साथ काम करने के लिए महान बनाता है। रीस्ट सीआरयूडी एपीआई कॉल करने के लिए बहुत आसान है और

सेवाएं : सेवाओं का उपयोग करके सामान्य कोड लिखें और नियंत्रकों में कम कोड लिखें। नियंत्रकों के बीच सामान्य कार्यक्षमताओं को साझा करने के लिए सेवा का उपयोग किया जा सकता है।

विस्तारशीलता : कोणीय ने कोणीय निर्देशों का उपयोग करके HTML निर्देशों को बढ़ाया है। एचटीएमएल के अंदर अभिव्यक्ति लिखें और रनटाइम पर उनका मूल्यांकन करें। अपने स्वयं के निर्देश और सेवाएं बनाएं और बिना किसी अतिरिक्त प्रयास के किसी अन्य परियोजना में उनका उपयोग करें।







javascript jquery ajax