2013-03-01 7 views
15

मेरे पास एक बटन वाला एक HTML पृष्ठ है, और जब हम बटन पर क्लिक करते हैं और परिणाम के साथ उसी HTML पृष्ठ पर वापस आते हैं तो मुझे एक पायथन स्क्रिप्ट निष्पादित करने की आवश्यकता होती है।बटन पर एक पायथन स्क्रिप्ट निष्पादित करें

तो मुझे वापसी मूल्य पर कुछ सत्यापन करने की आवश्यकता है और कुछ कार्यवाही करने की आवश्यकता है।

एचटीएमएल:

<input type="text" name="name" id="name"> 
<button type="button" id="home" onclick="validate()" value="checkvalue"></button> 

जे एस:

function validate(){ 
    if (returnvalue=="test") alert(test) 
    else alert ("unsuccessful") 
} 

क्या मेरी अजगर कोड क्या कर रहा है में दर्ज किए गए नाम पर कुछ मान्यता है

यहाँ मेरी कोड है टेक्स्ट बॉक्स और वापसी की स्थिति देता है।

लेकिन मुझे एक ही पृष्ठ पर परिणाम की आवश्यकता है, इसलिए मैं बाद में सभी विवरणों के साथ फॉर्म सबमिशन कर सकता हूं। किसी भी मदद

+0

अजगर सर्वर साइड पर चलाता है, तो निकटतम आप प्राप्त कर सकते हैं करने के लिए AJAX के अपने सर्वर पर मूल्य भेजने के लिए और मान्य परिणाम वापसी है। – Passerby

+1

संबंधित: [जेएसओएन प्रारूप के साथ जेएसओएन प्रारूप के साथ पाइथन साझा करने के लिए जावास्क्रिप्ट को कैसे कनेक्ट करें?] (Http://stackoverflow.com/questions/11747527/how-to-connect-javascript-to-python-sharing-data-with -जसन-प्रारूप-इन-तरीकों से) – jfs

उत्तर

17

आप अजाक्स, जो आसानी के साथ jQuery

$.ajax({ 
    url: "/path/to/your/script", 
    success: function(response) { 
    // here you do whatever you want with the response variable 
    } 
}); 

उपयोग कर सकते हैं और आप the jQuery.ajax page पढ़ना चाहिए, क्योंकि यह भी कई विकल्प हैं की सराहना की जाएगी।

+1

मेरे मामले में, यह कोड फ़ाइल URL से पाइथन स्क्रिप्ट फ़ाइल डाउनलोड करता है –

12

पायथन में एक पृष्ठ (या एक सेवा) बनाएं, जो पोस्ट स्वीकार कर सकते हैं या अनुरोध प्राप्त कर सकते हैं और जानकारी को संसाधित कर सकते हैं और प्रतिक्रिया वापस कर सकते हैं। प्रतिक्रिया बेहतर है अगर प्रतिक्रिया जेसन प्रारूप में है। फिर आप बटन क्लिक पर कॉल करने के लिए इस कोड का उपयोग कर सकते हैं।

<input type="text" name="name" id="name"> 
<button type="button" id="home" onclick="validate()" value="checkvalue"> 
<script> 
$('#id').click(function(){ 

$.ajax({ 
     type:'get', 
     url:<YOUR SERVERSIDE PAGE URL>, 
     cache:false, 
     data:<if any arguments>, 
     async:asynchronous, 
     dataType:json, //if you want json 
     success: function(data) { 
     <put your custom validation here using the response from data structure > 
     }, 
     error: function(request, status, error) { 
     <put your custom code here to handle the call failure> 
     } 
    }); 
}); 
</script> 

मुझे आशा है कि इस मदद करता है

+1

आपको बहुत धन्यवाद .. वास्तव में मेरे लिए काम किया – user2058205

+0

मदद करने में खुशी। यदि आपको कोई फर्क नहीं पड़ता है, तो कृपया उत्तर को स्वीकार किए जाने पर स्वीकार करें। – Hari

+0

@ हरि मई मैं पूछ सकता हूं कि $ ('# आईडी') क्या कर रहा है? 'होम' (ओपी के प्रश्न के मामले में) जैसे किसी चीज़ के साथ प्रतिस्थापित करने के लिए प्लेसहोल्डर के रूप में यहां '#id' का उपयोग किया गया है? यदि ऐसा है, तो मुझे अभी भी यकीन नहीं है कि $ –

संबंधित मुद्दे