2011-09-10 11 views
12

में AJAX अनुरोध का उपयोग कैसे करें मैं अपना पहला पहेली बनाने की कोशिश कर रहा हूं। तो यहाँ है कि मैं क्या jQuery के साथ क्या करना चाहते हैंjsFiddle

$('.list').live('click', function(){ 
    var dataPass = 'uid='+ uid; 
    $.ajax({ 
     type: "POST", 
     url: "test.php", 
     data: dataPass, 
     cache: false, 
     success: function(html){ 
      //Do something 
     } 
    }); 
}); 

तो कैसे/जहाँ मैं test.php फ़ाइल के लिए कोड लिख सकता हूँ? यह कुछ एचटीएमएल मार्कअप वापस करने जा रहा है।

उत्तर

10

वर्तमान में किसी अन्य डोमेन के लिए AJAX अनुरोध करना संभव नहीं है, क्योंकि यह एक बहुत ही बुनियादी सुरक्षा जोखिम है।

जेएसफ़िल्ड के पास AJAX अनुरोधों का परीक्षण करने के लिए API है जिसका उपयोग आप इसके बजाय करना चाहिए।

4

यहां आप जो खोज रहे हैं उसके fiddle पर काम कर रहा है।

मैंने http://echo.jsontest.com का उपयोग किया लेकिन आप अपने वैध यूआरएल के लिए विकल्प ले सकते हैं।

var echo = function(dataPass) { 
    $.ajax({ 
     type: "POST", 
     url: "/echo/json/", 
     data: dataPass, 
     cache: false, 
     success: function(json){ 
      alert("UID=" + json.uid + "\nName=" + json.value); 
     } 
    }); 
}; 

$('.list').live('click', function(){ 
    $.get("http://echo.jsontest.com/uid/12345/value/nuno_bettencourt", function(data) { 
     var json = { 
      json: JSON.stringify(data), 
      delay: 1 
     }; 
     echo(json);; 
    });​ 
}); 
+0

यह कैसे काम करता है? क्या $ .get() कॉल को समान मूल नीति द्वारा अस्वीकृत नहीं किया जाना चाहिए?/भ्रमित – rych

+0

दूरस्थ सर्वर ब्राउज़र को बताने के लिए इस HTTP शीर्षलेख को जोड़ता है, यह क्रॉस डोमेन अनुरोध 'एक्सेस-कंट्रोल-अनुमति-उत्पत्ति: * 'की अनुमति देता है। अपने ब्राउज़र के डीबग टूल के नेटवर्क टैब में हेडर देखें। – oldwizard

+0

http://echo.json.services/?foo=bar&baz=qux – Falci

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