Issue with Chrome extension - "Request Blocked: Content is required to be served over HTTPS"

I am encountering an issue with cross domain data calls in my chrome extension. To interact with an API, I have implemented a PHP function. When attempting to retrieve values using JSONP, I am encountering an error displayed in the console.

I am seeking assistance from someone who is experienced with chrome extensions. Can you help me identify the problem and provide guidance on resolving it?

My suspicion is that YouTube may be blocking the content due to its requirement for cross domain connections to be HTTPS. If this is indeed the case, could a background script help address this issue? Any advice on how to proceed would be greatly appreciated.

javascriptajax

Answer №1

After encountering a similar issue to yours, I found a solution by modifying my AJAX URL to use HTTPS instead. Here's how I did it:

The original URL looked like this:

var url="http://fanyi.youdao.com/openapi.do?keyfrom=fgbnbb&key=1276642867&type=data&doctype=json&version=1.1&q="+txt;

I updated the URL to be 

var url="https://fanyi.youdao.com/openapi.do?keyfrom=fgbnbb&key=1276642867&type=data&doctype=json&version=1.1&q="+txt;
, which resolved the problem entirely.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Creating a REST API with the POST method using Vanilla JavaScript/AJAX and encountering a 400 error (Bad request) issue

Could you assist me in figuring out how to utilize the POST method in vanilla JavaScript (without jQuery)? I've been attempting to do so with this code: var call = { "filterParameters": { "id": 18855843, "isInStockOnly": false, "newsOn ...

javascriptajaxrest

Encountering unforeseen issues with the forEach method in NodeJs

I'm facing a challenge while trying to upload an excel sheet into the database using Nodejs. Whenever the item.USER_ID already exists in the DB, I receive an error message stating already exists the userid. Subsequently, my server crashes and throws t ...

javascriptnode.jsfor-loop

When attempting to render a base64 image, it is currently returning as empty

After extracting an image from Microsoft graphQL, I converted it to base64 before saving it in vuex. Buffer.from(image).toString('base64') Now, when trying to display the image in my component using the following code: <img class="shadow av ...

javascriptvue.jsbase64

Even after deleting the circle from the Google Map, the label still persists within the Google Map Javascript API

Even after removing circles on the Google Map, the labels still persist. I use InfoBox to display labels on circles like this: myOptions.content = datadetail[i].Count; var ibLabel = new InfoBox(myOptions); ibLabel.open(map); I am trying to clear the circ ...

javascriptgoogle-mapsgoogle-maps-api-3google-maps-markers

Troubleshooting problem with JSON object and HTML paragraph formatting

Attempting to incorporate my JSON object value into <p> tags has resulted in an unexpected change in formatting. The output in the console.log appears as shown in this image LINE INTERFACE UNIT,OMNITRON DX-64 LIU Item ...

javascripthtmljson

issue with knockoutjs html binding

I'm attempting to utilize the html binding feature to link some html code to a label element, in order for the label to display the specified text. Despite using the html binding, the label remains blank. However, upon inspecting the page in the brow ...

javascripthtmlknockout.js

Is it just me or does my node server come preconfigured with CORS enabled? What am I overlooking here?

I have a simple node and express server set up here. Surprisingly, even without any middleware, I am able to successfully log the response from an axios request made to google.com. Doesn't this usually trigger a cors error, requiring some form of midd ...

javascriptnode.jsexpresscors

Deciphering the mechanics of collection referencing in mongoose

Today, I am delving into the world of using references in mongoose for the first time. I am trying to figure out how to save a template with a user ID. Do we need to retrieve the createdBy value from the client, or can it be inserted into the templateSchem ...

javascriptnode.jsmongodbmongoose

when you click on a hyperlink within a container, it will open in a separate window

I have been working on centering the login form on my website with a gray background, and here's how I did it: <style type="text/css"> #cover5{position:absolute;top:0px;left:0px;overflow:hidden;display:none;width:100%;height:100%;background-co ...

phpjavascripthtmllogin-script

Error: Unable to call topFrame.window.changeSelectedBarStyle because it is not a valid function. What could be causing this

This function is called changeSelectedBarStyle: function changeSelectedBarStyle(tdId){ $("#menuTable td").each(function(index){ if(this.id == tdId){ $(this).removeClass("menuPanel"); $(this).addClass("menuPanelSelected" ...

javascriptjquery

Utilizing Ajax to log in and retrieve data in JSON format using OpenAM authentication

Is it possible to login as a different user by clicking on a button in OpenAM and instantly see the result? I have tried consulting the OpenAM development guide but still can't figure it out. 3.3.1. Authentication & Logout (this is what OpenAM s ...

ajaxjsonauthenticationopenam

Reading a Json file with keys in puppeteer BDD: A Guide

Greetings, I am new to the world of puppeteer. I have successfully created my basic framework and now I am trying to figure out how to read data from .json files. I attempted to use the readFile method in my helper class, but unfortunately, it resulted in ...

javascriptjsonautomationpuppeteerbdd

Utilizing a single component for various purposes with diverse tags in react

I am faced with the challenge of creating two almost identical components, Component A: const ClaimedLabel = ():React.Element => ( <div tw=""> <p tw="">Some Text here</p> <div tw=""> <Icon ...

javascriptreactjstypescriptcomponentscode-reuse

Implement Infinite Scrolling Pagination in WordPress

I'm completely new to Wordpress and currently utilizing the FoundationPress theme. My goal is to include a button that users can click on to load more posts. Essentially, I want users to see four blog posts initially and then be able to load the next ...

phphtmlajaxwordpress

Magento: Retrieve all new information on cart items from AJAX response

My shopping cart is displaying a popup window with the following details: I am using AJAX calls to update multiple configurable items in the cart, each with custom options simultaneously. However, I am facing an issue where I only receive data for the fi ...

ajaxmagentomagento-1.7cart

Is there a JavaScript library available that facilitates the seamless synchronization of data between clients and a node.js server?

Are there any JavaScript libraries available that can synchronize a specific set of data stored on a server, such as an array, across multiple clients automatically? ...

javascriptjqueryhtmlsandbox

Can anyone suggest a method to display a line above every individual bar on a bar chart?

I have a bar Chart and I am looking for a way to display a horizontal line above the bar to show the peak value. Is there any method within echarts that can achieve this without needing a custom renderer? var myChart = echarts.init(document ...

javascriptecharts

Passing an array from PHP to JavaScript without using JSON

I'm currently working on a project for school and I've hit a roadblock. My task involves accessing a database, converting the rows into an array, and then passing it to a JavaScript file to generate a graphic using the Google Charts API. Unfortu ...

javascriptphparraysjson

When using node.js with MySQL, the insert statement with a WHERE clause does not execute properly

Snippet: function setValue(currentVal) { idOutput = currentVal; encodedVal = Base.encode(idOutput); var baseInsert = {ShortUrlCode: encodedVal}; console.log(idOutput); console.log(encodedVal); con.q ...

javascriptmysqlnode.jsamazon-web-servicesnpm

"AngularJS waits for the initial JSON data to load before rendering

I am struggling to retrieve certain information in advance. Specifically, I need to access a variable called var myId and pass it to myapp.run(). In my setup, there are 2 controllers each handling different pages. var myId; // This variable is crucial afr ...

javascriptangularjsjson