Sign Up

Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.

Have an account? Sign In

Have an account? Sign In Now

Sign In

Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.

Sign Up Here

Forgot Password?

Don't have account, Sign Up Here

Forgot Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Have an account? Sign In Now

You must login to ask question.(5)

Forgot Password?

Need An Account, Sign Up Here

Please briefly explain why you feel this question should be reported.

Please briefly explain why you feel this answer should be reported.

Please briefly explain why you feel this user should be reported.

Sign InSign Up

ITtutoria

ITtutoria Logo ITtutoria Logo

ITtutoria Navigation

  • Python
  • Java
  • Reactjs
  • JavaScript
  • R
  • PySpark
  • MYSQL
  • Pandas
  • QA
  • C++
Ask A Question

Mobile menu

Close
Ask a Question
  • Home
  • Python
  • Science
  • Java
  • JavaScript
  • Reactjs
  • Nodejs
  • Tools
  • QA
Home/ Questions/Is there any solution for the cross - origin request blocked: the same origin policy disallows reading the remote resource error?
Next
Answered
Greyson Smith
  • 22
Greyson Smith
Asked: May 18, 20222022-05-18T18:59:40+00:00 2022-05-18T18:59:40+00:00In: Programs

Is there any solution for the cross – origin request blocked: the same origin policy disallows reading the remote resource error?

  • 22

. Advertisement .

..3..

. Advertisement .

..4..

Here is the program I run:

http://www.oxfordlearnersdictionaries.com/search/english/direct/?q=[idiom]
http://www.oxfordlearnersdictionaries.com/search/english/direct/?q=not+go+far
http://www.oxfordlearnersdictionaries.com/definition/english/far_1#far_1__192
<input id="idiom" type="text" name="" value="" placeholder="Enter your idiom here">
 <br>
 <button id="submit" type="">Submit</button>
 <script type="text/javascript">
 $(document).ready(function(){
  $("#submit").bind('click',function(){
  var idiom=$("#idiom").val();
  $.ajax({
  type: "GET",
  url: 'http://www.oxfordlearnersdictionaries.com/search/english/direct/',
  data:{q:idiom},
  async:true,
  crossDomain:true,
  success: function(data, status, xhr) {
  alert(xhr.getResponseHeader('Location'));
  }
  });
  
  });
 });
 </script>

After I run, it returns an error:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://www.oxfordlearnersdictionaries.com/search/english/direct/?q=by+far. This can be fixed by moving the resource to the same domain or enabling CORS.

Does anyone have any suggestions for the problem below: cross-origin request blocked: the same origin policy disallows reading the remote resource in the programs – How to correct it?

ajax
  • 2 2 Answers
  • 636 Views
  • 0 Followers
  • 0
Answer
Share
  • Facebook
  • Report

2 Answers

  • Voted
  • Oldest
  • Recent
  • Random
  1. Best Answer
    lyytutoria Expert
    2022-06-29T01:55:54+00:00Added an answer on June 29, 2022 at 1:55 am

    The cause:

    After researching your problem, I find that your website is not placed on the domain of oxfordlearnersdictionaries.com. You are attempting to call to the domain and the similar original policy that is preventing you, so the error happens.

    Solution:

    This error can be resolved only when you are allowed to set a header for the oxfordlearnersdictionaries.com domain through CORS.

    Or you can put the following line at the head of the file that AJAX is calling.

    header("Access-Control-Allow-Origin: *");
    • 0
    • Reply
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report
  2. Gabriel Renaud
    2022-05-26T03:55:30+00:00Added an answer on May 26, 2022 at 3:55 am

    JSONP, or “JSON without padding”, is a communication method used by JavaScript programs in web browsers to request data servers in different domains. This is prohibited by most web browsers due to the same-origin policies. JSONP exploits the fact that browsers don’t enforce the same-origin policy for script tags. JSONP must be able to respond with JSONP-formatted answers in order to function. JSONP is not compatible with JSON-formatted outcomes.


    http://en.wikipedia.org/wiki/JSONP

    Good answer from StackOverflow: jQuery AJAX across domain

    $.ajax({
     type: "GET",
     url: 'http://www.oxfordlearnersdictionaries.com/search/english/direct/',
     data:{q:idiom},
     async:true,
     dataType : 'jsonp', //you may use jsonp for cross origin request
     crossDomain:true,
     success: function(data, status, xhr) {
     alert(xhr.getResponseHeader('Location'));
     }
    });
    • 14
    • Reply
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report

Leave an answer
Cancel reply

You must login to add an answer.

Forgot Password?

Need An Account, Sign Up Here

Sidebar

Ask A Question
  • How to Split String by space in C++
  • How To Convert A Pandas DataFrame Column To A List
  • How to Replace Multiple Characters in A String in Python?
  • How To Remove Special Characters From String Python

Explore

  • Home
  • Tutorial

Footer

ITtutoria

ITtutoria

This website is user friendly and will facilitate transferring knowledge. It would be useful for a self-initiated learning process.

@ ITTutoria Co Ltd.

Tutorial

  • Home
  • Python
  • Science
  • Java
  • JavaScript
  • Reactjs
  • Nodejs
  • Tools
  • QA

Legal Stuff

  • About Us
  • Terms of Use
  • Privacy Policy
  • Contact Us

DMCA.com Protection Status

Help

  • Knowledge Base
  • Support

Follow

© 2022 Ittutoria. All Rights Reserved.

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.