JQuery के लिए एक्सटेंशन: ऑब्जेक्ट निष्पादित करें

मैं एक दिन पहले लिखे गए एक छोटे प्लगइन को दर्शकों के साथ साझा करता हूं, जो आपके लिए उपयोगी हो सकता है। गीथब पर विवरण में जोड़ने के लिए कुछ भी नहीं है, इसलिए मैं इसे केवल रिटेल करूँगा।

प्लगइन आपको एक ऑब्जेक्ट में डोम मैनिपुलेशन कमांड को स्थानांतरित करने की अनुमति देता है, अर्थात, एक फ़ंक्शन कॉल के साथ कई विधि कॉल को प्रतिस्थापित करें।

के उपयोग

$.executeObject({"#my_div": ["text", " "]}) //    $.executeObject('{"#my_div": ["text", " "]}') //    JSON 

यह क्यों है?

सर्वर से प्रेषित जावास्क्रिप्ट को डीबग करना आसान नहीं है, इसलिए ऑब्जेक्ट को स्थानांतरित करना और कोड को कम करना बेहतर है। के बदले

 $('table tr:first').remove(); $('input#name').val('John'); $('#my_div').addClass('error').text(' '); 

आप एक ऑब्जेक्ट बना सकते हैं और इसे निष्पादित कर सकते हैं।

 var  = { 'table tr:first': 'remove' , 'input#name': ['val', ''] , '#my_div': [ ['addClass', 'error'] , ['text', ' '] ] } $.executeObject() 

विशेष रूप से, यदि आपने ईआरबी पर टेम्प्लेट के रूप में कुछ बदसूरत जमा किया है:

 $('input#name').val('<%= escape_javascript(@person.name) %>') $('#my_div').addClass('error').text('<%= escape_javascript(@error) %>') 

इसे कंट्रोलर में जारी किया जा सकता है (रगड़ के उदाहरण में):

 obj = {'input#name' => ['val', @person.name], '#my_div' => [%w[addClass error], ['text', @error]]} render js: "$.executeObject( #{obj.to_json} )" # ,       

और टेम्पलेट (दृश्य) सामान्य रूप से बाहर फेंकने के लिए। आप कॉलबैक कॉलबैक के रूप में $ .executeObject भी निर्दिष्ट कर सकते हैं:

 $.post('/my/url', {: ''}, $.executeObject) 

और प्रतिक्रिया में, बस तैयार वस्तु वापस करें:

 render json: obj 

दूसरे शब्दों में, निष्पादन योग्य कोड को स्थानांतरित करना आवश्यक नहीं है जहां डेटा स्थानांतरित किया जा सकता है।

वापसी मूल्य

फ़ंक्शन सफल कॉल की संख्या लौटाएगा। असफल कॉल चुपचाप नजरअंदाज कर रहे हैं।