अपने आप जावास्क्रिप्ट को पढ़ाने के लिए, मैं एक वेब पेज है कि उपयोगकर्ताओं को आइटम (खाद्य पदार्थ जैसे) की एक सूची देता है बनाने के लिए कोशिश कर रहा हूँ, उन्हें पसंदीदा से कम पसंदीदा करने के लिए इन खाद्य पदार्थों को सॉर्ट, और जब वे काम हो गया डेटा प्रस्तुत करने के लिए कहता है। jQuery sortables का उपयोग करते हुए यह करने के लिए एक अच्छा तरीका की तरह लगता है। हालांकि, मुझे यकीन है कि कैसे डेटा प्रस्तुत होना चाहिए नहीं कर रहा हूँ।
यहाँ मैं क्या सोच रहा हूँ है। इन खाद्य पदार्थों में से प्रत्येक इस तरह एक div में होगा:
<div id=sortable>
<div id=1 class=foods>Pizza</div>
<div id=2 class=foods>Sushi</div>
<div id=3 class=foods>Taco</div>
</div>
उपयोगकर्ता एक सबमिट करें बटन क्लिक करता है, मैं चाहता हूँ इन वस्तुओं में से क्रम निर्धारित किया है, और यह आदेश देने के लिए वापस (, मैं सर्वर साइड पर Django उपयोग कर रहा हूँ जिस तरह से) सर्वर के लिए भेजा जा सकता है। ऐसा लगता है मैं इस तरह एक समारोह के साथ आइटम का क्रम निर्धारित कर सकते हैं:
function getOrder()
{
var foods = $(.foods);
var ids = [];
for(var x=0; x<foods.length; x++)
{
ids.push(foods[x].id);
}
return ids;
}
हालांकि, मैं चीजों के एक जोड़े पर अटक कर रहा हूँ:
- मेरे कोड में मैं इस समारोह कहेंगे? मैं सोच रहा हूँ जब उपयोगकर्ता सबमिट बटन दबाता है यह एक onclick कार्रवाई होगी, लेकिन मुझे यकीन है कि जहां डाटा समारोह रिटर्न पारित कर दिया जायेगा नहीं हूँ।
- क्या प्रारूप सर्वर (JSON जैसे) को यह आदेश भेजने के लिए सबसे उपयुक्त हो सकता है?
(मैं जानता हूँ कि यह एक बहुत ही बुनियादी सवाल है, लेकिन मैं इससे पहले कि जावास्क्रिप्ट के साथ एक वेब पेज बनाया कभी नहीं किया है, तो प्रोग्रामिंग के इस क्षेत्र के सभी नए मेरे लिए है।)