क्रॉस मूल अनुरोध केवल HTTP के लिए समर्थित हैं, लेकिन यह क्रॉस-डोमेन नहीं है

Question 1

मैं एक AJAX अनुरोध करने के लिए इस कोड का उपयोग कर रहा हूं:

$("#userBarSignup").click(function(){
    $.get("C:/xampp/htdocs/webname/resources/templates/signup.php",
        {/*params*/},
        function(response){
            $("#signup").html("TEST");
            $("#signup").html(response);
        },
        "html");

लेकिन Google क्रोम जावास्क्रिप्ट कंसोल से मुझे यह त्रुटि प्राप्त होती रहती है:

XMLHttpRequest फ़ाइल लोड नहीं कर सकता: /// C: /xampp/htdocs/webname/resources/templates/signup.php। क्रॉस मूल अनुरोध केवल HTTP के लिए समर्थित हैं।

समस्या यह है कि signup.php फ़ाइल को मेरे स्थानीय वेब सर्वर पर होस्ट किया गया है, जहां से सभी वेबसाइट चलाई जाती हैं, इसलिए यह क्रॉस-डोमेन नहीं है।

इस समस्या का समाधान किस प्रकार से किया जा सकता है?

Question 2

आपको वास्तव में एक वेबसर्वर चलाने की जरूरत है, और एक फ़ाइल के लिए अनुरोध करने के बजाय उस सर्वर पर एक यूआरआई के लिए अनुरोध प्राप्त करें; उदाहरण के लिए लाइन बदलें:

    $.get("C:/xampp/htdocs/webname/resources/templates/signup.php",

कुछ पढ़ने के लिए जैसे:

    $.get("http://localhost/resources/templates/signup.php",

और प्रारंभिक अनुरोध पृष्ठ को http पर भी बनाया जाना चाहिए।

Question 3

मुझे निम्नलिखित स्विच के साथ क्रोम शुरू करने का सौभाग्य मिला है:

--allow-file-access-from-files

ओएस एक्स पर (यदि आप पेस्ट कॉपी करते हैं तो डैश दोबारा टाइप करें):

open -a 'Google Chrome' --args -allow-file-access-from-files

अन्य पर * निक्स रन (परीक्षण नहीं)

 google-chrome  --allow-file-access-from-files

या खिड़कियों पर क्रोम शॉर्टकट के गुणों को संपादित करें और स्विच जोड़ें, जैसे

 C:\ ... \Application\chrome.exe --allow-file-access-from-files

"लक्ष्य" पथ के अंत तक

Question 4

यदि आप थोड़ा फ्रंट-एंड प्रोजेक्ट पर काम कर रहे हैं और इसे स्थानीय रूप से परीक्षण करना चाहते हैं, तो आप आमतौर पर इसे वेब ब्राउज़र में अपनी स्थानीय निर्देशिका को इंगित करके खोलेंगे, उदाहरण के लिए फ़ाइल में प्रवेश: अपने URL बार में .html करें। हालाँकि, यदि आपकी साइट संसाधनों को लोड करने का प्रयास कर रही है, भले ही वे आपके स्थानीय निर्देशिका में रखे हों, तो आप इस तरह की चेतावनी देख सकते हैं:

XMLHttpRequest फ़ाइल लोड नहीं कर सकता: ///home/erick/mysuperproject/mylibrary.js। क्रॉस मूल अनुरोध केवल HTTP के लिए समर्थित हैं।

क्रोम और अन्य आधुनिक ब्राउज़रों ने क्रॉस ओरिजिन रिक्वेस्ट के लिए सुरक्षा प्रतिबंधों को लागू किया है, जिसका अर्थ है कि आप फ़ाइल के माध्यम से कुछ भी लोड नहीं कर सकते हैं: ///, आपको हर समय http: // प्रोटोकॉल का उपयोग करने की आवश्यकता है, यहां तक कि स्थानीय रूप से समान मूल नीतियां भी। उस के रूप में सरल, आपको अपनी परियोजना को चलाने के लिए एक वेबसर्वर माउंट करने की आवश्यकता होगी।

यह दुनिया का अंत नहीं है और वहाँ कई समाधान हैं, जिसमें अच्छी पुरानी अपाचे (VirtualHosts के साथ यदि आप कई अन्य परियोजनाएं चला रहे हैं), नोड। एक्सप्रेस के साथ, एक रूबी सर्वर, आदि या बस अपने संशोधन। ब्राउज़र सेटिंग्स।

हालांकि आलसी लोगों के लिए एक सरल और हल्का समाधान है। आप पायथन के सिंपलएचटीपीएसर्वर का उपयोग कर सकते हैं। यह पहले से ही अजगर के साथ बंडल आता है इसलिए आपको कुछ भी स्थापित या कॉन्फ़िगर करने की आवश्यकता नहीं है!

उदाहरण के लिए, अपनी परियोजना निर्देशिका के लिए सीडी

1 cd / home / erick / mysuperproject और फिर बस उपयोग करें

1 python -m SimpleHTTPServer और यह बात है, आपको यह संदेश आपके टर्मिनल में दिखाई देगा

1 0.0.0.0 पोर्ट 8000 पर HTTP http://0.0.0.0:8000परोस रहा है ... तो अब आप अपने ब्राउज़र पर वापस जा सकते हैं और अपनी सभी निर्देशिका फ़ाइलों के साथ वहां जा सकते हैं। आप पोर्ट और अन्य चीजों को कॉन्फ़िगर कर सकते हैं, बस प्रलेखन देखें। लेकिन यह बस चाल मेरे लिए काम करता है जब मैं एक नई लाइब्रेरी का परीक्षण करने या एक नए विचार का काम करने की जल्दी में हूं।

वहाँ तुम जाओ, खुश कोडिंग!

EDIT: पायथन 3+ में, SimpleHTTPServer को http.server के साथ बदल दिया गया है। इसलिए पायथन 3.3 में, उदाहरण के लिए, निम्न कमांड समतुल्य है:

python -m http.server 8000

Question 5

मुझे केवल HTML फ़ाइलों को लोड करने की कोशिश करते समय एक ही त्रुटि मिल रही थी कि पेज को पॉप्युलेट करने के लिए JSON डेटा का उपयोग किया गया था, इसलिए मैंने समस्या को हल करने के लिए नोड.जेएस और एक्सप्रेस का उपयोग किया। यदि आपके पास नोड स्थापित नहीं है, तो आपको पहले नोड स्थापित करने की आवश्यकता है ।

एक्सप्रेस स्थापित करें npm install express
अपने प्रोजेक्ट के रूट फोल्डर में एक सर्वर.जेएस फाइल बनाएं, मेरे मामले में उन फाइलों के ऊपर एक फोल्डर जो मैं सर्वर में लाना चाहता था

Server.js फ़ाइल में निम्नलिखित की तरह कुछ रखो और इस बारे में एक्सप्रेस gihub साइट पर पढ़ें :

var express = require('express');
var app = express();
var path = require('path');

// __dirname will use the current path from where you run this file 
app.use(express.static(__dirname));
app.use(express.static(path.join(__dirname, '/FOLDERTOHTMLFILESTOSERVER')));

app.listen(8000);
console.log('Listening on port 8000');

Server.js सहेजने के बाद, आप सर्वर का उपयोग करके चला सकते हैं:

node server.js

पर जाएं http://localhost:8000/FILENAMEऔर आपको उस HTML फ़ाइल को देखना चाहिए जिसे आप लोड करने का प्रयास कर रहे थे

Question 6

यदि आपके पास नोडज स्थापित है, तो आप कमांड लाइन का उपयोग करके सर्वर को डाउनलोड और इंस्टॉल कर सकते हैं:

npm install -g http-server

निर्देशिका को उस निर्देशिका में बदलें जहाँ से आप फ़ाइलों की सेवा करना चाहते हैं:

$ cd ~/projects/angular/current_project

सर्वर चलाएँ:

$ http-server

जो http- सर्वर को शुरू करने वाले संदेश का उत्पादन करेगा, जिस पर काम करना:

पर उपलब्ध: http: // your_ip: 8080 और http://127.0.0.1:8080

जिससे आप अपने ब्राउज़र में url का उपयोग कर सकते हैं जैसे

http: // your_ip: 8080 / index.html

Question 7

यह इस तरह से सबसे अच्छा काम करता है। सुनिश्चित करें कि दोनों फाइलें सर्वर पर हैं। Html पेज को कॉल करते समय, वेब पते का उपयोग करें जैसे: http:://localhost/myhtmlfile.htmlऔर नहीं C::///users/myhtmlfile.html। Usre के रूप में अच्छी तरह से है कि यूआरएल को पारित यूआरएल नीचे के रूप में चिह्नित एक वेब पता है:

$(function(){
                $('#typeahead').typeahead({
                    source: function(query, process){
                        $.ajax({
                            url: 'http://localhost:2222/bootstrap/source.php',
                            type: 'POST',
                            data: 'query=' +query,
                            dataType: 'JSON',
                            async: true,
                            success: function(data){
                                process(data);
                            }
                        });
                    }
                });
            });

Question 8

REM kill all existing instance of chrome 
taskkill /F /IM chrome.exe /T
REM directory path where chrome.exe is located
set chromeLocation="C:\Program Files (x86)\Google\Chrome\Application"
cd %chromeLocation%
cd c:
start chrome.exe --allow-file-access-from-files

अपने साथ क्रोमलोकेशन पाथ बदलें।
.bat फ़ाइल के रूप में ऊपर सहेजें।
आपके द्वारा बनाई गई बैच फ़ाइल पर ड्रॉप फ़ाइल को खींचें। (क्रोम पुनर्स्थापना पृष्ठ विकल्प देता है, हालांकि यदि आपके पास पृष्ठ खुले हैं तो बस पुनर्स्थापना हिट है और यह काम करेगा)।

Question 9

आप php दुभाषिया का उपयोग करके अजगर के बिना एक सर्वर भी शुरू कर सकते हैं।

उदाहरण के लिए:

cd /your/path/to/website/root
php -S localhost:8000

अगर आप npm का विकल्प चाहते हैं तो यह उपयोगी हो सकता है, क्योंकि php यूटिलिटी कुछ OS '(मैक सहित) पर प्रीइंस्टॉल्ड आती है।

Question 10

सभी अजगर उपयोगकर्ताओं के लिए:

बस टर्मिनल में अपने गंतव्य फ़ोल्डर पर जाएं।

cd projectFoder

उसके बाद Python3 + के लिए HTTP सर्वर शुरू करें:

python -m http.server 8000

HTTP पर :: पोर्ट 8000 (http: // [::]: 8000 /) ...

अपने लिंक पर जाएं: http://0.0.0.0:8000/

का आनंद लें :)