दिलचस्प पोस्ट
कर्ल के द्वारा प्राप्त की गई स्क्रिप्ट को निष्पादित करते समय बिछाने के लिए पैराशिप गुजरती हैं बूटस्ट्रैप jquery show.bs.modal घटना आग नहीं होगा डीबी में छवियों को संग्रहीत करना – हाँ या ना? कैसे Jsoup का उपयोग कर HTTPS के माध्यम से कनेक्ट करने के लिए? एक "git निर्यात" (जैसे "svn निर्यात") करें? आप एक जावा सर्वलेट में एक कुकी कैसे निकालते हैं डेटाबेस कनेक्शन बंद करने के लिए सर्वश्रेष्ठ स्थान ऑफसेट + सीमा के साथ मेरी एसक्यूएल क्वेरी में कुल परिणाम देखें express.js के साथ स्थिर फ़ाइलें कॉलम में mysql तालिका पंक्तियाँ कैसे स्थानांतरित करें IE8 में AJAX के परिणामों का अप्रत्याशित कैशिंग चलने वाली चींटी का निर्माण "पैकेज org.junit मौजूद नहीं है" देता है भुगतान प्रोसेसर – मुझे पता होना चाहिए कि क्या मैं अपनी वेबसाइट पर क्रेडिट कार्ड स्वीकार करना चाहता हूं? विधि में कई बहस पारित करने के लिए सर्वश्रेष्ठ अभ्यास? कास्टिंग के लिए जावा नियम

यूआरएल में अजाक्स अनुरोध कैसे दिखाना है?

मैं जो चाहूंगा, वह लिंक होता है जो पृष्ठ का एक हिस्सा बदलते हैं, और इसके लिए एक गतिशील यूआरएल है, जहां मैं चर को निर्दिष्ट कर सकता हूं जैसे #calendar=10_2010tabview=tab2

Check this for an exact example: सटीक डेमो के लिए यहां क्लिक करें

तो यहां लिंक प्रारूप है जिसे मुझे चाहिए:

#calendar=10_2010&tabview=tab2

मुझे calendar और tabview जैसे लिंक में चर होने की आवश्यकता है, इसलिए मैं बिना किसी रीडिंग के एक पेज पर कई चीजें बदल सकता हूं।


या किसी अन्य स्वरूप जैसे http://www.wbhomes.com.au , यह वही है जो मुझे चाहिए, हालांकि पहला प्रारूप बहुत अच्छा है, लेकिन यह बहुत अधिक सुंदर है

  • http://wbhomes.com.au/#/propertiesforsale/houseandland/quinnsbeach-waterland1

आवश्यकताएँ

  • किसी मेल से कहीं भी उपयोग किए जाने की ज़रूरत है, या अगर मैं यूआरएल बार में लिखता हूं

  • लिंक को इतिहास में होना चाहिए, इसलिए यदि मैं पीछे या आगे बटन को धक्का देता हूं तो पृष्ठ को एक्सेस करने की आवश्यकता है।

  • पेज रीफ्रेश को भी काम करना चाहिए


कुछ पुनर्कथन:

उदाहरण:

  • www.developer.yahoo.com/

  • www.facebook.com – आपके प्रोफाइल पेज पर साइडबार लिंक

  • www.wbhomes.com.au/ – मैं जो चाहता हूं, उसके करीब 100%

  • www.flickr.com/

  • www.youtube.com

कुछ ट्यूटोरियल:

  • www.ajaxpatterns.org/

  • www.contentwithstyle.co.uk/


कृपया मेरी मदद करें! मुझे ऐसा करने के लिए कोई समाधान नहीं मिला है, लेकिन मैं jquery या किसी भी एपीआई, या किसी भी पुस्तकालय का उपयोग नहीं करना चाहता, मैं एक Javascript/AJAX और PHP स्क्रिप्ट काम करना चाहता हूँ।

Solutions Collecting From Web of "यूआरएल में अजाक्स अनुरोध कैसे दिखाना है?"

आपके प्रश्न से जुड़े डेमो के लिए, उस कार्यक्षमता को प्राप्त करना वास्तव में सरल है – क्योंकि यह किसी भी AJAX का उपयोग नहीं करता है (जब आप मिश्रण को AJAX जोड़ना शुरू करते हैं, तो इसे और अधिक कठिन हो जाता है – बाद में समझाया गया)। आप उस कार्यक्षमता को प्राप्त करने के लिए; हैश का उपयोग करने के लिए अपने लिंक का उन्नयन करें, फिर हैशchange ईवेंट में बाँध लें। दुर्भाग्य से हैशchange इवेंट क्रॉस-ब्राउज़र संगत नहीं है, हालांकि सौभाग्य से वहाँ कई "इतिहास / रिमोट प्लगइंस" उपलब्ध हैं – पिछले कुछ वर्षों में हमारी पसंदीदा एक ने jQuery का इतिहास साबित कर दिया है, यह ओपन-सोर्स है, महान समर्थन प्राप्त किया और सक्रिय रूप से विकसित किया गया है: -)।

यद्यपि, जब यह फ़ेसबुक, डब्ल्यूबीएचम्स और बालिपटन डॉट कॉम जैसी ऐसी साइटों जैसे मिश्रण को AJAX कार्यक्षमता जोड़ने की बात आती है तो आप गंभीर रूप से मुश्किल समस्याओं की पूरी श्रृंखला का सामना करना शुरू कर देंगे! (मुझे पता है कि मैं पिछले दो साइटों के लिए प्रमुख वास्तुकार था!)। इनमें से कुछ समस्याएं हैं:

  • कैसे इतिहास और AJAX कार्यक्षमता का उपयोग करने के लिए कुछ आंतरिक लिंक को सुन्दर और आसानी से अपग्रेड करने के लिए, और हैश बदल गया है जब पता लगाया? जबकि दूसरे लिंक्स को पहले की तरह काम करते हुए रखते हुए
  • "Www.yoursite.com/myapp/a/b/c" से "www.yoursite.com/myapp/#/a/b/c" कैसे रीडायरेक्ट करें? और फिर भी उपयोगकर्ता के लिए अनुभव सहज रहें, जैसे कि 3 आवश्यक रीडायरेक्ट्स जितना आसान हो उतना चिकना हो।
  • एजेएक्स का इस्तेमाल करने और हैश को अपडेट करने के लिए फ़ॉर्म के मूल्यों और डेटा कैसे जमा करें? और इसके विपरीत यदि वे जावास्क्रिप्ट का समर्थन नहीं करते हैं
  • कैसे पता लगाने के लिए जो AJAX अनुरोध पेज के विशेष क्षेत्र चाहते हैं? ऐसा उपपृष्ठ सही पृष्ठ के साथ प्रदर्शित होते हैं
  • AJAX स्थिति बदलते समय पृष्ठ का शीर्षक कैसे बदल सकता है? और अन्य गैर पृष्ठ सामग्री
  • AJAX स्थिति भार और परिवर्तन करते समय अच्छा परिचय / आउटरो प्रभाव कैसे करें? जैसे कि उपयोगकर्ता अंधेरे में नहीं छोड़ा गया है।
  • जब हम AJAX के माध्यम से प्रवेश करते हैं तो साइडबार लॉग इन जानकारी को कैसे अपडेट किया जाए? जाहिर तौर पर हम नहीं चाहते हैं कि शीर्ष पर स्थित लॉगिन बटन ऊपर छोड़ दिया जाए।
  • अभी भी उन उपयोगकर्ताओं के लिए वेबसाइट का समर्थन कैसे करें जिनके पास जेएस सक्षम नहीं है? इस तरह से यह खोज इंजन द्वारा अनुक्रियाशील रूप से घटता है और अभी भी घटिया है।

एकमात्र ओपन सोर्स और विश्वसनीय परियोजना जो मुझे पता है कि उन सभी अत्यंत कठिन समस्याओं को हल करने की कोशिश करता है जो jQuery अजैक्सी साबित हुआ है। यह प्रभावी रूप से पहले उल्लेख किया गया jQuery के इतिहास प्रोजेक्ट का एक विस्तार है, जो दृश्यों के पीछे उन कठिन समस्याओं का ध्यान रखने के लिए AJAX कार्यक्षमता को जोड़ने के लिए एक शानदार सुरुचिपूर्ण उच्च स्तरीय इंटरफ़ेस प्रदान करता है, इसलिए हमें उनके बारे में चिंता करने की आवश्यकता नहीं है। यह पिछले कुछ वाणिज्यिक साइटों में इस्तेमाल किया गया चुना हुआ हल भी है जो पहले उल्लेख किया गया था।

शुभकामनाएं, और यदि आपके कोई और प्रश्न हैं तो इस उत्तर पर एक टिप्पणी पोस्ट करें और मैं इसे asap 🙂 पर प्राप्त करूँगा

अपडेट: अब एचटीएमएल इतिहास एपीआई (पुस्टस्टेट, पॉपस्टेट) है जो एचटीएमएल 4 hashchange कार्यक्षमता को hashchange करता है। History.js अब jQuery के इतिहास की hashchange और एचटीएमएल 5 इतिहास एपीआई के लिए क्रॉस-ब्राउज़र संगतता प्रदान करता है और एचटीएमएलआई ब्राउज़र के लिए एक वैकल्पिक hashchange फॉलबैक प्रदान करता है। History.js के लिए jQuery Ajaxy को उन्नत किया जाएगा

मुझे लगता है कि आप एचटीएमएलएशन में मौजूद हैश चेंज इवेंट के प्रयोग से या बहुत आसानी से ऐसा जावास्क्रिप्ट लाइब्रेरी का उपयोग कर सकते हैं जो ब्रॉडबैंड में "हैश" व्यवहार को पूर्ण करता है जिसमें पूर्ण एचटीएमएल 5 समर्थन नहीं है। ऐसा एक पुस्तकालय मुटोस ऑनशैश बदल सकता है, लेकिन कई अन्य भी हैं।

यदि आपके पास एचटीएमएल 5 अवगत ब्राउज़र है, या ऐसी लाइब्रेरी जो व्यवहार का अनुकरण करती है तो इसका उपयोग करें:

  window.sethash ( "# newsection"); 

आपके उपयोग केस परिदृश्यों के आधार पर, जावास्क्रिप्ट से कुछ नया बदलने के लिए, और / या कॉलबैक को उस ऑनशशेंज इवेंट को अवरुद्ध करने के लिए

CorMVC Jquery फ्रेमवर्क इस तरह से किया जाता है, यह आप स्रोत में खुदाई कर सकते हैं और इसे से तर्क प्राप्त कर सकते हैं opensource है।

और वास्तव में यह बहुत सीधे आगे है। निर्माता नीचे इस वीडियो पर यह अच्छी तरह से बताता है।

http://www.bennadel.com/resources/jing/2009-12-21_0933.swf

पी एस खेद दूसरा लिंक पोस्ट नहीं कर सकता बीसी मैं एक नया उपयोगकर्ता हूँ

सजेवाज़ .. 🙂

एचटीएमएल

 <a href="/bye.php?user=abc&page=messages" onclick="return goToWithAjax(this);">bye</a> 

जावास्क्रिप्ट

 function goToWithAjax(hash) { hash = hash.href ? hash.getAttribute("href", 2) : hash; ajax( hash, function( response ) { document.getElementById("content").innerHTML = response; }); hash = ("#!/" + hash).replace("//","/"); window.location.hash = hash; return false; } ////////////////////////////////////////////////////////////////////////////// function getXmlHttpObject() { var xmlHttp; try { xmlHttp = new XMLHttpRequest(); } catch (e) { try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; } function ajax(url, onSuccess, onError) { var xmlHttp = getXmlHttpObject(); xmlHttp.onreadystatechange = function () { if (this.readyState == 4) { // onError if (this.status != 200) { if (typeof onError == 'function') { onError(this.responseText); } } // onSuccess else if (typeof onSuccess == 'function') { onSuccess(this.responseText); } } }; xmlHttp.open("GET", url, true); xmlHttp.send(null); return xmlHttp; }​ 

यह ऐसा कुछ है जो सबसे नए AJAXian डेवलपर्स को छुटकारा दिलाता है। हालांकि यह हल करने के लिए एक सरल मुद्दा है।

पहली चीज आपको जरूरी है जो jquery.com पर मुफ्त है

इसके बाद आपको जेन हैश बदलना होगा जो बेन ऑलमन द्वारा भी प्लगइन की आवश्यकता होगी जो आप यहां पा सकते हैं: http://benalman.com/projects/jquery-hashchange-plugin/ आपको ब्राउज़र के नए संस्करणों के लिए इसकी ज़रूरत नहीं होगी जो कि html5 का समर्थन करते हैं हैशchange इवेंट, लेकिन आप ब्राउज़र के पुराने संस्करणों के लिए करेंगे। आपको कुछ भी करने की ज़रूरत नहीं है, लेकिन इसे अपने पृष्ठ में शामिल करें, यह बाकी की संभालता है

अब अपने लिंक्स के लिए आपको उन्हें एक क्वेरी स्ट्रिंग फर्श में तैयार करना होगा जैसे:

 <a href="user.php?q=/topic/article" class="dynlnk">Link Text/Image</a> 

अब आपके पास ऐसे लिंक हैं जो पृष्ठों पर जाते हैं और PHP में संभाला जा सकता है, यदि जावास्क्रिप्ट बंद है। आपको बस इतना करना है कि सुपर ग्लोबल $ _GET का उपयोग करें और पृष्ठ सामग्री को संभालने के लिए क्वेरी स्ट्रिंग को पार्स करें।

अब पेज पर आपकी जावास्क्रिप्ट में आपको अपने लिंक्स को हैश बदलने की आवश्यकता होगी। आप ऐसा कर सकते हैं? Q = के साथ # इस तरह से

 $(".dynlnk").each(function(){ $(this).attr("href", $(this).attr("href").replace("?q=", "#")); }); 

अब आपके लिंक हैशटिव को ट्रिगर करेगा, केवल एक चीज को छोड़ना हैशच को एक फ़ंक्शन के साथ बाँध करना चाहिए जो कुछ करता है। यह इस तरह jQuery के साथ बहुत आसानी से किया जा सकता है:

 $(window).bind( 'hashchange', function(e){ //this splits the part after the hash so you can handle the parts individually. //to handle them as one just use location.hash pageparts = location.hash.split("/"); }); 

अब बस जो भी कोड आप अपने एजेक्स और सामग्री को संभालने के लिए करते हैं जोड़ें।

अब आपको सिर्फ एक अंतिम बिट जावास्क्रिप्ट की ज़रूरत हैशैश को ट्रिगर करने के लिए यदि पेज को एक हैश से लोड किया गया है, तो आप पृष्ठ को लोड करते समय फ़ंक्शन को विंडो ट्रिगर करते हैं

 $(window).trigger( 'hashchange' ); 

उम्मीद है कि यह काफी स्पष्ट है, यदि नहीं, तो मुझसे अधिक प्रश्न पूछने के लिए मुझसे संपर्क करने में संकोच न करें।

हैश लिंक्स का उपयोग करके पृष्ठ को पुनः लोड करने के बजाय, जावास्क्रिप्ट कोड ट्रिगर करने के लिए बुकमार्क करने योग्य / ताज़ा लिंक के लिए अनुमति देता है। बेन अल्मांन्स jQuery के हेश्चेंज इवेंट आपको हैशकेन इवेंट के लिए इवेंट हैंन्डलर को बाध्य करने की अनुमति देता है, यह प्लगइन पुराने ब्राउज़रों के साथ काम करता है जो सामान्य रूप से इसका समर्थन नहीं करते हैं। हैश परिवर्तना से जुड़ी एक इवेंट हैंन्डलर यूआरएल के हैश भाग को पढ़ सकता है, और किसी फ़ंक्शन को कॉल कर सकता है।

 // register event handler function bindHashchange() { $(window).bind('hashchange', function(event) { event.preventDefault(); var label = location.hash.substring(1); handleLabel(label); }); // trigger event so handler will be run when page is opened first time // otherwise handler will only run when clicking on hash links $(window).trigger('hashchange'); } // read and handle hash part of url function handleLabel(label) { if ( label.length > 0 ) { // using label from url switchPage(label); } else { // use the default label, if no hash link was present switchPage('start'); } } // in this case, load hidden <div>'s into a <div id="content"> function switchPage(label) { if ( label == 'start ) { $('div#content').html($('div#start')); } else if ( label == 'some_other_page' ) { // do something else } } 

यह अन्य ईवेंट हैंडलर एक ही यूआरएल में डॉट ('।') से अलग 2 तर्क को संसाधित कर सकता है।

 function processHash() { var str = location.hash.substring(1); var pos = $.inArray('.', str); var label = ''; var arg = ''; if ( pos > -1 ) { label = str.substring(0, pos); } else { label = str.substring(0); } if ( pos > 1 ) { arg = str.substring(pos+1); } if ( label.length == 0 ) { // the default page to open of label is empty loadContent('start'); } else { // load page, and pass an argument loadContent(label, arg); } } 

यदि नियमित अभिव्यक्ति का उपयोग किया जाता है, तो वर्णों का कोई भी संयोजन पार्स किया जा सकता है।

 var registry = {}; // split on character '.' var args = label.split(/\./g); for ( i in args ) { var arg = args[i]; // split on character '=' var temp = arg.split('='); var name = temp[0]; var value = temp[1]; // store argument in registry registry[name] = value; } // registry is loaded, ready to run application that depends on arguments 

यह यूआरएल को बदल देगा:

mysite / # company.page = items.color = लाल

निम्नलिखित जावास्क्रिप्ट वस्तु में:

वस्तु {कंपनी = अपरिभाषित, पृष्ठ = "आइटम", रंग = "लाल"}

तो यह आपके चयनित तत्वों पर jQuery का शो () या छिपाने () फ़ंक्शन चलाने का मामला है।

इसे गैर- jQuery के जावास्क्रिप्ट में बदल दिया जा सकता है, लेकिन फिर आप उस कार्यक्षमता को खो देंगे जो बेन अल्मैन उद्धार करते हैं, जो एक पोर्टेबल समाधान के लिए महत्वपूर्ण है।

आप जो चाहते हैं वह AJAX में इतिहास का समर्थन करने का एक तरीका है, जो कि पहले से मौजूद मौजूदा पुस्तकालयों का उपयोग किया जा सकता है। मैं इतिहास पर यूयूआई 3 पेज को पढ़ने की सिफारिश करूँगा