ফায়ারফক্সের শিরোনাম সত্ত্বেও 'ক্রস-অরিজিনের অনুরোধ রুদ্ধ'

Question

আমি একটি সাধারণ ক্রস-অরিজিন অনুরোধ করার চেষ্টা করছি এবং ফায়ারফক্স ক্রমাগত এটিকে ত্রুটিযুক্তভাবে অবরুদ্ধ করে চলেছে:

ক্রস-অরিজিন অনুরোধ অবরুদ্ধ: একই উত্স নীতি [url] এ রিমোট রিসোর্স পড়ার অনুমতি দেয় না। রিসোর্সটিকে একই ডোমেনে স্থানান্তরিত করে বা সিওআরএস সক্ষম করে এটি ঠিক করা যেতে পারে। [URL]

এটি ক্রোম এবং সাফারিতে দুর্দান্ত কাজ করে।

যতদূর আমি বলতে পারি আমি এটি পিএইচপি এ সমস্ত সঠিক শিরোনাম সেট করেছি এটি কাজ করার অনুমতি দেয়। আমার সার্ভারটি কী প্রতিক্রিয়া জানায় তা এখানে

HTTP/1.1 200 OK
Date: Mon, 23 Jun 2014 17:15:20 GMT
Server: Apache/2.2.22 (Debian)
X-Powered-By: PHP/5.4.4-14+deb7u8
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, POST, OPTIONS
Access-Control-Allow-Headers: Content-Type
Access-Control-Request-Headers: X-Requested-With, accept, content-type
Vary: Accept-Encoding
Content-Length: 186
Content-Type: text/html

আমি কৌণিক, jQuery এবং একটি মৌলিক XMLHTTPRequest অবজেক্ট, এর মতো ব্যবহার করার চেষ্টা করেছি:

var data = "id=1234"
var request = new XMLHttpRequest({mozSystem: true})
request.onload = onSuccess;
request.open('GET', 'https://myurl.com' + '?' + data, true)
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
request.send()

... এবং এটি ফায়ারফক্স বাদে প্রতিটি ব্রাউজারে কাজ করে। যে কেউ এই ব্যাপারে সাহায্য করতে পারেন?

Comments

আপনি কি সমস্ত অনুরোধ এবং প্রতিক্রিয়াগুলির একটি সম্পূর্ণ ট্রেস সরবরাহ করতে পারেন? বা কমপক্ষে কোনও পরীক্ষার সাইট সরবরাহ করবেন? ওয়েবসাইটটি যদি দূরবর্তী উত্স অ্যাক্সেস করতে পারে তবে http, https, ফাইল? mozSystemনিয়মিত ওয়েবসাইটগুলি কেবল ফায়ারফক্স-ওএস অ্যাপ্লিকেশনগুলির জন্য সমর্থিত নয় , সুতরাং সেই বিকল্পটি বাদ দিন।

— নভেম্বর এনিয়ার

জিইটি-র পরিবর্তে পোষ্ট হিসাবে পাঠানোর সময় @nmaier শিরোনামগুলি: Accept application/json, text/plain, */* Accept-Encoding gzip, deflate Accept-Language en-US,en;q=0.5 Content-Length 35 Content-Type application/x-www-form-urlencoded; charset=UTF-8 Host [url] Origin [url] Referer [referrer url] User-Agent Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:30.0) Gecko/20100101 Firefox/30.0 ত্রুটি: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at [url]. This can be fixed by moving the resource to the same domain or enabling CORS. [url]

— গডউহ্যাকার

@ ন্যামায়ার আসলে দেখা যাচ্ছে যে আমি যে সাইটে প্রবেশ করছি সেটিতে সুরক্ষা শংসাপত্রের সাথে এটি একরকম সমস্যা Firef ফায়ারফক্স কেবল একটি উদ্দীপনাজনিত ত্রুটি দিচ্ছে। আমি যদি সাইটটি ব্যতিক্রমের তালিকায় যুক্ত করি তবে এটি ঠিক আছে।

— Godwhacker

Answer 1

দেখা যাচ্ছে এটির সিওআরএসের কোনও সম্পর্ক নেই- এটি ছিল সুরক্ষা শংসাপত্রের সমস্যা। বিভ্রান্তিকর ত্রুটিগুলি = 4 ঘন্টা মাথা ব্যথা।

Comments

ঠিক এই সঠিক সমস্যাটি ছিল, ত্রুটিটি খুব জেনেরিক এবং ক্রোম এবং ফায়ারফক্সের উপরে বিভিন্ন শংসাপত্রের স্টোর ব্যবহার করা হয়, সুতরাং এটির ডিবাগ করা আরও শক্ত। আমার সন্দেহ করা উচিত ছিল যে যখন আমার প্রক্সিটি কোনও বিকল্প বিকল্পগুলি ক্যাপচার না করেছিল (এটি এসএসএল হ্যান্ডশেকটি ভেঙেছিল)।

— ড্যানিয়েল কোরিয়া

গডওহ্যাকার, আমিও সম্ভবত একই সমস্যায় আছি। আপনি কীভাবে জানতে পারেন যে এটি সুরক্ষা শংসাপত্র? আপনি কোথায় এটি দেখতে পারেন?

— লিও

আমার ক্ষেত্রে আমার একটি কৌণিক অ্যাপ্লিকেশনটি অন্য সার্ভারে কল করছিল, উভয়ই অভ্যন্তরীণ স্বাক্ষরযুক্ত শংসাপত্রগুলি ব্যবহার করে। তবে, ফায়ারফক্স স্বয়ংক্রিয়ভাবে শংসাপত্রের উপর বিশ্বাস করে না কারণ এটি কোনও সরকারী কর্তৃপক্ষ দ্বারা স্বীকৃত নয়। সুতরাং আমার বিষয়টি নিশ্চিত হওয়া দরকার যে এই সমস্যাটি চলে যাওয়ার আগে ফায়ারফক্সে উভয় সার্ভারের শংসাপত্রগুলি ব্যতিক্রম হিসাবে যুক্ত হয়েছিল।

— স্যাম স্টোরি

আমার জন্য withCredentials=trueফিক্সটি এক্সএইচআর উদাহরণে সেট করা ছিল ; অন্যথায় ফায়ারফক্স অনুরোধটি করার সময় ক্লায়েন্ট শংসাপত্রটি ব্যবহার করতে ব্যর্থ হয়েছিল (তবে ক্রোমে সূক্ষ্মভাবে কাজ করেছে)।

— ক্লিন্ট হ্যারিস

@ স্যামস্টোরির মন্তব্য এই উত্তরটির চেয়ে উত্তর মত মনে হচ্ছে। আপনাকে ধন্যবাদ

— নাগা

Answer 2

আমি দেখতে পেয়েছি যে আমার সমস্যাটি হ'ল যে সার্ভারটি আমি ক্রস অনুরোধটি প্রেরণ করেছি একটি শংসাপত্র যাতে বিশ্বাসযোগ্য ছিল না।

যদি আপনি এর সাথে ক্রস ডোমেনের সাথে সংযোগ স্থাপন করতে চান তবে আপনাকে httpsপ্রথমে এই শংসাপত্রের জন্য একটি ব্যতিক্রম যুক্ত করতে হবে।

আপনি একবার অবরুদ্ধ লিঙ্কটিতে গিয়ে ব্যতিক্রমটি যুক্ত করে এটি করতে পারেন।

Comments

এটি বিশেষত আপনার সাইটের দেখার জন্য কাউকে সহায়তা করে না, যদি না আপনি খুশি হন তবে সেখানে আপনি এই বার্তাটি রাখেন যে 'আপনি যদি ফায়ারফক্স ব্যবহার করছেন তবে দয়া করে এই সাইটে যান এবং আপনার ব্যতিক্রম তালিকায় এটি যুক্ত করুন'

— গডউইকার

@ ক্র্যাকার0ডাক্স "একবারে অবরুদ্ধ লিঙ্কটি দেখুন এবং ব্যতিক্রম যুক্ত করুন" আপনি কীভাবে ব্যতিক্রম যুক্ত করবেন তা বিশদভাবে বলতে পারবেন? আমি ফায়ারফক্স কোয়ান্টাম ব্যবহার করছি। টিআইএ

— পল

আপনি ফায়ারফক্স লিঙ্কটিতে সার্ফ করে সরাসরি অভিযোগ করছেন। তারপরে আপনি শংসাপত্রের সতর্কতা পান। শংসাপত্রের অনুমতি দিন। আপনার প্রাথমিক সাইটটি আবার দেখুন।

— ক্র্যাকার0dks

Answer 3

আমি এই প্রশ্নটি পেরিয়ে এসেছি যে ফায়ারফক্সে অনুরোধগুলি বার্তাটি দ্বারা অবরুদ্ধ করা হয়েছে:

কারণ: CORS অনুরোধ সফল হয়নি

আমার চুলগুলি টেনে আনার পরে আমি জানতে পারলাম যে একটি নতুন ইনস্টল করা ফায়ারফক্স এক্সটেনশন, প্রাইভেসি ব্যাজার অনুরোধগুলি অবরুদ্ধ করছে।

আপনার মাথা আঁচড়ানোর পরেও যদি আপনি এই প্রশ্নটিতে এসে থাকেন তবে কোনটি এক্সটেনশানগুলি ব্লক করার অনুরোধ করছে কিনা তা দেখার জন্য আপনি কোন এক্সটেনশনগুলি ইনস্টল করেছেন তা পরীক্ষা করে দেখুন।

কারণ দেখুন : বিশদ বিবরণের জন্য সিওআরএস অনুরোধ এমডিএন-তে সফল হয়নি ।

Comments

কোন এক্সটেনশানটি অনুরোধগুলি অবরুদ্ধ করছে তা আপনি কীভাবে আবিষ্কার করলেন? ফায়ারফক্সে একটি নতুন প্রোফাইল (যাতে কোনও এক্সটেনশন নেই) দিয়ে অনুরোধটি সফল হওয়ায় আমারও একই সমস্যা হচ্ছে

— সিপরিয়ান টোমাইগ

যে নির্দিষ্ট সাইটের সাথে আমার সমস্যা হচ্ছে সেটির জন্য ব্লকিং কন্টেন্টের কোনও উল্লেখ আছে কিনা তা দেখার জন্য আমি প্রতিটি এক্সটেনশনে ক্লিক করেছি। ঘোস্টারির একটি প্রবেশিকা ছিল তাই আমি সাইটটিকে বিশ্বস্ত হিসাবে চিহ্নিত করেছি, পৃষ্ঠাটি পুনরায় লোড করেছি এবং অনুরোধগুলি সফল হয়েছিল।

— প্রোগ্রামিংয়ের অধ্যাপক

ধন্যবাদ! আমি এক্সটেনশন প্রকল্প অন্তর্দৃষ্টিও আবিষ্কার করেছি যা সমস্ত এক্সটেনশনের অনুমতিগুলির একটি ওভারভিউ দেয়। addons.mozilla.org/en-US/firefox/addon/project-insight

— Ciprian Tomoiagă

নিবন্ধন করুন আমার জন্যও প্রাইভেসি ব্যাজার। ধন্যবাদ।

— জেসন লিচ

Answer 4

আমি 2 দিন পরে সমাধান পেয়েছি :(।

গুরুত্বপূর্ণ দ্রষ্টব্য: শংসাপত্রযুক্ত অনুরোধের প্রতিক্রিয়া জানাতে, সার্ভারকে অবশ্যই একটি ডোমেন নির্দিষ্ট করতে হবে এবং ওয়াইল্ড কার্ডিং ব্যবহার করতে পারবেন না।

https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS#Requests_with_credentials

Answer 5

ফায়ারফক্সে যদি আপনার কাছে 'আসল' শংসাপত্র না থাকে (এবং এভাবে স্ব-স্বাক্ষরিত একটি ব্যবহার করে) তবে আপনি এখানে যেতে পারেন:

Options > Privacy & Security > (scroll to the bottom) View Certificates > Add Exception.

সেখানে, অবস্থানটি পূরণ করুন, যেমন: https: //wwww.myserver: myport

Comments

আমার সিআরএস যখন ত্রুটিযুক্ত ফায়ারফক্স ছাড়া অন্য সমস্ত ব্রাউজারগুলিতে কাজ করে তখন এটি আমার জন্য কাজ করেছিল -> ক্রস-অরিজিনের অনুরোধ রোধ করা হয়েছে: একই উত্স নীতি স্থানীয়হোস্টে: 44304 / v1 / অনুসন্ধানে রিমোট রিসোর্সটি পড়ার অনুমতি দেয় না । (কারণ: CORS অনুরোধ সফল হয়নি)।

— জিলমার্টিন

Answer 6

সতর্কতার মাত্র একটি শব্দ। আমি শেষ পর্যন্ত ফায়ারফক্স এবং সিওআরএস নিয়ে সমস্যাটি পেয়েছিলাম।

আমার জন্য সমাধানটি এই পোস্টটি ছিল

| এর মাধ্যমে সবকিছুকে মঞ্জুরি দেওয়ার জন্য সঠিক প্রতিক্রিয়া শিরোনাম সহ অ্যাপাচে সিওআর (ক্রস-অরিজিন রিসোর্স শেয়ারিং) সেট করা হচ্ছে বেঞ্জামিন হর্ন

তবে ফায়ারফক্স অ্যাপাচি সার্ভারে (.htaccess ফোল্ডারে) এই শিরোনামগুলি সেট করার পরে সত্যই সত্যই অদ্ভুত আচরণ করছে।

console.log("Hi FF, you are here A")কী চলছে তা দেখার জন্য আমি প্রচুর পরিমাণে যুক্ত করেছি ।

প্রথমে দেখে মনে হয়েছিল এটি ঝুলিয়ে দেওয়া হয়েছে xhr.send()। তবে আমি আবিষ্কার করেছি যে এটি এই বিবৃতিতে পেল না। আমি এর console.logআগে আরেকটি অধিকার রেখেছি এবং সেখানে পৌঁছেছি না - যদিও সর্বশেষ console.logএবং নতুনটির মধ্যে কিছুই ছিল না । এটি মাত্র দু'জনের মধ্যেই থামল console.log।

ফাইলগুলিতে কোনও অদ্ভুত চরিত্র আছে কিনা তা দেখার জন্য লাইনগুলি পুনরায় অর্ডারিং করা হচ্ছে। আমি কিছুই পাইনি।

ফায়ারফক্স পুনরায় চালু করার ফলে সমস্যার সমাধান হয়েছে।

হ্যাঁ, আমার একটি বাগ ফাইল করা উচিত। এটা ঠিক যে এটি এত অদ্ভুত তাই কীভাবে এটি পুনরুত্পাদন করবেন জানেন না।

বিজ্ঞপ্তি : এবং ওহ, আমি কেবল Header always setঅংশগুলি করেছি, Rewrite*অংশটি না !

Comments

আমার কাছে আজ একই গল্প, মূলত। ফায়ারফক্স পুনরায় চালু করা এটি ঠিক করে দিয়েছে। 5 বছরেরও বেশি পরে।

— সেরেন মর্টেনসেন

Answer 7

শুধু যোগ কর

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

আপনি যে .htaccessওয়েবসাইটটির সাথে সংযোগের চেষ্টা করছেন তার মূলের ফাইলটিতে।

Comments

আপনি যদি যে কোনও জায়গা থেকে অনুরোধ গ্রহণ করতে সেট করতে চান তবে এটি ঠিক আছে; আপনি যদি না করেন ঠিক না, যা শিরোনামের পুরো পয়েন্ট।

— গডওহ্যাকার

Answer 8

উত্তরোত্তর জন্য, অনুরোধ করা সংস্থানটি 200 ফিরিয়ে দিচ্ছে কিনা তা দেখতে সার্ভার লগগুলিও পরীক্ষা করে দেখুন।

আমি একই ধরণের সমস্যায় পড়েছি, যেখানে প্রি-ফ্লাইট এজ্যাক্স অনুরোধে সমস্ত সঠিক শিরোনাম ফিরিয়ে দেওয়া হয়েছিল, তবে ব্রাউজারটি জানিয়েছে যে আসল অনুরোধটি খারাপ সিওআরএস শিরোলেখের কারণে অবরুদ্ধ ছিল।

দেখা যাচ্ছে, অনুরোধ করা পৃষ্ঠাটি খারাপ কোডের কারণে 500 টি ত্রুটি ফিরিয়ে দিচ্ছিল, তবে কেবল যখন এটি সিওআরএসের মাধ্যমে আনা হয়েছিল। ব্রাউজারটি (ক্রোম এবং ফায়ারফক্স উভয়ই) ভুল করে জানিয়েছে যে পৃষ্ঠাতে 500 ফিরিয়ে দেওয়ার পরিবর্তে অ্যাক্সেস-কন্ট্রোল-অলজন-অরিজিনের শিরোনামটি অনুপস্থিত।

Answer 9

এটি চেষ্টা করুন, এটি আপনার সমস্যা সমাধান করা উচিত

1. আপনার config.php এ, আপনার ডোমেইন ডটকমে www পূর্ব যুক্ত করুন। উদাহরণ স্বরূপ:

   HTTP define('HTTP_SERVER', 'http://domain name with www/');
   HTTPS define('HTTPS_SERVER', 'http://domain name with www/');

2. এটি আপনার .htaccess ফাইলে যুক্ত করুন

   RewriteCond %{REQUEST_METHOD} OPTIONS RewriteRule ^(.*)$ $1 [R=200,L]

Answer 10

আমার জন্য, দেখা যাচ্ছে যে আমি Access-Control-Allow-Originএকটি নির্দিষ্ট (এবং সঠিক) এ প্রতিক্রিয়া শিরোনাম স্থাপন করেছিলাম host.comতবে এটি http://host.comপরিবর্তে ফিরে আসতে হয়েছিল । ফায়ার ফক্স কী করে? এটি নিঃশব্দে জিইটি অনুরোধটি গ্রাস করে এবং জাভাস্ক্রিপ্ট কনসোলে কোনও সতর্কতা আউটপুট না দিয়ে এক্সএইচআর-তে একটি স্ট্যাটাস 0 ফিরিয়ে দেয়, অন্য অন্যান্য অনুরূপ ব্যর্থতার জন্য এটি কমপক্ষে কিছু বলবে। আঃ আই।

Comments

দেখে মনে হচ্ছে এই প্রকল্পটি প্রত্যাশিত, w3.org/TR/cors এর উদাহরণগুলি দেখে তবে যাইহোক ধন্যবাদ, আমিও ভুল কাজটি করছিলাম, এবং হ্যাঁ, ফায়ারফক্সের ত্রুটির বার্তার অভাব রয়েছে।

— রিচার্ড গ্রিন

Answer 11

ডিবাগ করতে, সম্ভব হলে সার্ভার লগগুলি চেক করুন। ফায়ারফক্স পুরো কারণগুলির জন্য কনসোলে সিওআরএস ত্রুটিগুলি ফিরিয়ে দেয়।

এর অন্যতম কারণ হ'ল ইউম্যাট্রিক্স (এবং আমি নোস্ক্রিপ্টও অনুমান করি) প্লাগইন।

Answer 12

আমি একই ধরণের সমস্যার মুখোমুখি হয়েছি এবং আমি কীভাবে এটি স্থির করেছি তা নিবন্ধভুক্ত করা বৈধ বলে মনে করি:

মূলত সিমফনি ৩ এর উপরে আমার একটি সিস্টেম নির্মিত হয়েছে self স্ব শিখতে এবং পারফরম্যান্সের উদ্দেশ্যে আমি GoLang ব্যবহার করে কয়েকটি স্ক্রিপ্ট লিখতে সিদ্ধান্ত নিয়েছি, এটি জনসাধারণের অ্যাক্সেস সহ একটি এপিআই।

আমার গো এপিআই জসন ফর্ম্যাট প্যারামগুলি প্রত্যাশা করে এবং জসন ফর্ম্যাট প্রতিক্রিয়াটিও প্রত্যাবর্তন করে

আমি যে GoApi ব্যবহার করছি, তাদের কল করতে, সর্বাধিক, aj .JAX (jQuery) প্রথম পরীক্ষাটি ছিল একটি প্রতারণা: (আন) বিখ্যাত "ক্রস-অরিজিন অনুরোধ অবরুদ্ধ" পপ আপ! তারপরে, আমি "অ্যাক্সেস-কন্ট্রোল-অলজন-অরিজিন: *" সেট করার চেষ্টা করেছি অ্যাপাচি কনফ, এইচটিসেস, পিএইচপি, জাভাস্ক্রিপ্ট এবং যে কোনও জায়গায় আমি গুগলে খুঁজে পেতে পারি!

তবে, এমনকি একই হতাশার ত্রুটি !!!

সমাধানটি সহজ ছিল: আমাকে "জিইটি" পরিবর্তে "পোস্ট" অনুরোধ করতে হয়েছিল।

এটি অর্জনের জন্য আমাকে জিইটি ব্যবহারের জন্য গোলল্যাং এবং জাভাস্ক্রিপ্ট উভয়ই সামঞ্জস্য করতে হয়েছিল! এটি হয়ে গেলে, আর কোনও ক্রস-অরিজিন অনুরোধ আমার জন্য অবরুদ্ধ নয় !!!

আশা করি এটা সাহায্য করবে

পুনশ্চ:

আমি আমার কাছে থাকা ডিরেক্টরি ব্লকে অ্যাপাচি এবং হোস্ট ব্যবহার করছি

  Header always set Access-Control-Allow-Origin "*"
  Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"

মনে রাখবেন: "*" এর অর্থ আপনি কারও কাছ থেকে অনুরোধ গ্রহণ করবেন !!! (যা কোনও সুরক্ষার অভাব হতে পারে) আমার ক্ষেত্রে এটি ঠিক আছে, কারণ এটি একটি সর্বজনীন এপিআই হবে

PS2: আমার শিরোনাম

প্রতিক্রিয়া শিরোনাম

Access-Control-Allow-Credentials    true
Access-Control-Allow-Headers    Authorization
Access-Control-Allow-Methods    GET, POST, PUT
Access-Control-Allow-Origin http://localhost
Content-Length  164
Content-Type    application/json; charset=UTF-8
Date    Tue, 07 May 2019 20:33:52 GMT

অনুরোধ শিরোনাম (469 বি)

Accept  application/json, text/javascript, */*; q=0.01
Accept-Encoding gzip, deflate
Accept-Language en-US,en;q=0.5
Connection  keep-alive
Content-Length  81
Content-Type    application/x-www-form-urlencoded; charset=UTF-8
Host    localhost:9003
Origin  http://localhost
Referer http://localhost/fibootkt/MY_app_dev.php/MyTest/GoAPI
User-Agent  Mozilla/5.0 (Macintosh; Intel …) Gecko/20100101 Firefox/66.0

Answer 13

যদি পূর্বোক্ত উত্তরগুলি সহায়তা না করে তবে ব্যাকএন্ড সার্ভারটি চালু আছে কি না তা আমার সার্ভারের ক্র্যাশ হয়ে গেছে এবং এই ত্রুটিটি পুরোপুরি বিভ্রান্তিকর হয়ে পড়েছে কিনা তা পরীক্ষা করে দেখুন।

Answer 14

আমার ক্ষেত্রে এটি আমার অ্যাডব্ল্যাকার ! কোনও কারণে এটি আমার লোকালহোস্টে সক্ষম হয়েছিল এবং ফায়ারফক্সে এই ত্রুটি ঘটায়।

অক্ষম করা হচ্ছে অথবা আনইনস্টল প্লাগইন এই স্থির করা উচিত নয়।

আপনার ক্ষেত্রে এটি অ্যাডব্লকার না হলেও অন্য ফায়ারফক্স প্লাগইন হতে পারে। সমস্যাটি কিনা তা নির্ধারণ করার জন্য প্রথমে কোনও ছদ্মবেশে এটি পরীক্ষা করে দেখুন এবং যতক্ষণ না আপনি অপরাধীকে সন্ধান করেন ততক্ষণ প্ল্যাগইনগুলিকে নিয়মিতভাবে অক্ষম করুন।

Answer 15

ফাইলগুলি স্ব-বর্ণনামূলক। একটি ফাইল তৈরি করুন, এটিকে যে কোনও কল করুন। আমার ক্ষেত্রে jq2.php।

<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
    // document is made ready so that the program starts when we load this page       
    $(document).ready(function(){

        // it tells that any key activity in the "subcat_search" filed will execute the query.
        $("#subcat_search").keyup(function(){

            // we assemble the get link for the direction to our engine "gs.php". 
            var link1 = "http://127.0.0.1/jqm/gs.php?needle=" + $("#subcat_search").val();

            $.ajax({
                url: link1,
                // ajax function is called sending the input string to "gs.php".
                success: function(result){
                    // result is stuffed in the label.
                    $("#search_val").html(result);
                }
            });
        })   

    });
</script>
</head>

<body>

<!-- the input field for search string -->
<input type="text" id="subcat_search">
<br>
<!-- the output field for stuffing the output. -->
<label id="search_val"></label>

</body>
</html>

এখন আমরা একটি ইঞ্জিন অন্তর্ভুক্ত করব, একটি ফাইল তৈরি করব, আপনার পছন্দের যেকোন কিছুতে কল করুন। আমার ক্ষেত্রে এটি gs.php।

$head = "https://maps.googleapis.com/maps/api/place/textsearch/json?query="; //our head
$key = "your key here"; //your key
$hay = $_GET['needle'];

$hay = str_replace(" ", "+", $hay); //replacing the " " with "+" to design it as per the google's requirement 
$kill = $head . $hay . "&key=" . $key; //assembling the string in proper way . 
print file_get_contents($kill);

উদাহরণটি যথাসম্ভব সহজ রাখার চেষ্টা করেছি। এবং যেহেতু এটি প্রতিটি কীপ্রেসে লিঙ্কটি কার্যকর করে, আপনার API এর কোটা বেশ দ্রুত গ্রাস হবে।

অবশ্যই আমরা যা করতে পারি তার কোনও শেষ নেই, যেমন কোনও টেবিলে ডেটা স্থাপন করা, ডাটাবেসে প্রেরণ করা ইত্যাদি so

Comments

দয়া করে একাধিকবার একই উত্তর পোস্ট করবেন না। এবং দয়া করে নিশ্চিত হন যে আপনার উত্তরটি আসলে প্রশ্নের উত্তর দিয়েছে। যদি আপনাকে আরও তথ্যের জন্য অন্য কাউকে পরিচালনা করার দরকার হয় তবে এটি ভাল উত্তর নয়।

— এলিক্সনাইড

হ্যালো আমি লিঙ্কটি ব্যবহার করেছি কারণ এতে প্রাক প্রয়োজনীয়তা ইত্যাদির মতো আরও কিছু তথ্য রয়েছে। আপনি যদি এটি যথাযথ মনে করেন তবে আমি এটি সরিয়ে ফেলব।

— হর্ষ মেহতা