2011-08-11 13 views
7

को पोस्ट चर जोड़ें तालिका में मैं इस तरह लिंक: test.php?id=1JQuery - एक href लिंक

मैं prev_id पास करना चाहते हैं और next_id रूप में अच्छी तरह test.php करने के लिए।

हालांकि, मैं prev_id नहीं करना चाहती और next_id में दिखाई दे सकता है, (सूची उपयोगकर्ता तो test.php अंदर पता लगाने के लिए कोई आसान तरीका के अनुसार क्रमबद्ध किया जा सकता है इन चरों का उद्देश्य अगले/पिछला बटन बनाने है।) उपयोगकर्ता के लिए यूआरएल। मैं इस तरह href फ़ॉर्मेट कर सकते हैं:

<a href="test.php?id=1" prev_id="5" next_id="45"> 

और JQuery का उपयोग लिंक "अपहरण" करने के लिए, URL में प्राप्त के रूप में पहचान रखने, लेकिन पोस्ट के रूप में test.php को prev_id और next_id भेजने?

उत्तर

2

आप onClick ईवेंट के द्वारा अपने डेटा पोस्ट करने के लिए jQuery पद

कॉल एक समारोह का उपयोग कर सकते,

<a onClick="postdata()" prev_id="5" next_id="45"> 

और jQuery कोड

function postdata(){ 
    $.post("test.php", { id: "1", next_id: "2" }, 
     function(data) { 
     alert("Data Loaded: " + data); 
     }); 
} 
+0

धन्यवाद। लेकिन यह आईडी को एक दृश्यमान जीईटी वैरिएबल के रूप में नहीं रखेगा, और अच्छी तरह से अपमानित नहीं करता है? – elaxsj

+0

@elaxsj, '$ .post' के बजाय _GET_ बनाने के लिए' $ .get' का उपयोग करें। बस ध्यान रखें कि वास्तविक ऑपरेशन छुपाया गया है, ब्राउज़र तब तक नहीं बदलेगा जब तक आप इसे प्रोग्राम नहीं करते। [JQuery प्राप्त करें] (https://api.jquery.com/jquery.get/) –

4

हो सकता है कि यह आपके कोड है:

<a id="link" href="test.php?id=1" prev_id="5" next_id="45"> 

और jQuery कोड

$("a#link").click(function(){ 

    $.post("test.php", 
     { 
     prev_id: $(this).attr("prev_id"), 
     next_id: $(this).attr("next_id") 
     }, 
     function(data) { 
     alert("Data Loaded: " + data); 
     } 
    ); 

    return false; 
}); 
+2

नमस्ते, सही जानकारी 'test.php "' '' '($) को बदलने के बाद पृष्ठ पर पास की जाती है .attr (" href ")'। लेकिन मैं चाहता हूं कि क्लिक * * वास्तविक पृष्ठ पर जाएं, इसे अलर्ट बॉक्स में प्रदर्शित न करें! क्या करें? – elaxsj

+0

हां, मैं 'href' विशेषता को बदलना भूल गया। मेरा कॉलबैक फ़ंक्शन केवल उदाहरण है। आप जो कर सकते हैं वह कर सकते हैं। –

1

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

$('body').append('<form id="myawesomeform"></form>'); 
$('#myawesomeform').attr('action','test.php?id=1'); 
$('#myawesomeform').attr('method','post"'); 
$('#myawesomeform').append('<input type="hidden" name="prev_id" id="prev_id" value="5">'); 
$('#myawesomeform').append('<input type="hidden" name="next_id" id="next_id" value="45">') 
$('#myawesomeform').submit(); 
+0

हाहा! इसे देखो। यह अब काम करता है। – sanepete

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