小编Tom*_*ato的帖子

无法使用Fetch API从localhost加载Deezer API资源

我正在尝试从localhost访问Deezer API,但我一直收到以下错误:

Fetch API cannot load http://api.deezer.com/search/track/autocomplete?limit=1&q=eminem.
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Origin 'http://localhost' is therefore not allowed access.
If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Run Code Online (Sandbox Code Playgroud)

localhost的响应标头确实有Access-Control-Allow-Origin标头(Access-Control-Allow-Origin:*).

我使用的是像获取: fetch('http://api.deezer.com/search/track/autocomplete?limit=1&q=eminem').

我究竟做错了什么?

javascript localhost cors deezer fetch-api

7
推荐指数
1
解决办法
1367
查看次数

从JavaScript调用PHP文件是否安全?

我有一个简单的HTML5 Canvas游戏,在一部分的最后我想在MySQL中存储变量.使用XMLHttpRequest,Ajax或其他方法做到这一点是否安全?这就是我开始编写它的方式:

var request = new XMLHttpRequest();
request.onreadystatechange = function() {
    if (request.readyState == 4 && request.status == 200) {
        var success = request.responseText;
        alert(success);
    }
}
request.open('GET', 'saveLevel.php?name='+name+'&level='+level, true);
request.send();
Run Code Online (Sandbox Code Playgroud)

我的问题是每个人都可以在控制台中这样做:

var request = new XMLHttpRequest();
request.onreadystatechange = function() {
    if (request.readyState == 4 && request.status == 200) {
        var success = request.responseText;
        alert(success);
    }
}
request.open('GET', 'saveLevel.php?name='+name+'&level=100', true);
request.send();
Run Code Online (Sandbox Code Playgroud)

(怎么样)我能解决吗?

javascript php mysql ajax xmlhttprequest

5
推荐指数
0
解决办法
516
查看次数

在 TypeScript Web 应用程序中在客户端和服务器端之间共享代码

我有一个 TypeScript 项目,我有一个 data(.ts) 文件(包括标题之类的内容),我需要它的服务器端和客户端。

我的目录结构如下所示:

node_modules/
package.json
README.md
src/
    data.ts
    data.js (compiled data.ts)
    server.ts
    server.js (compiled server.ts)
    public/
        sw.ts
        sw.js (compiled sw.ts)
        [other static resources (.css, .html or other .ts)]
Run Code Online (Sandbox Code Playgroud)

src/*.ts 文件是服务器端,src/public/*.ts 文件是客户端。

所以我想从 server.ts 和 sw.ts 导入 data.ts 但require显然在 sw.js 中不起作用。

我该如何解决这个问题?或者什么目录结构会更好?

typescript

5
推荐指数
1
解决办法
1471
查看次数

使用Fetch API和fs.createWriteStream对文件进行流响应

我正在创建一个Electron应用程序,我想将图像流式传输到文件(所以基本上下载它).

我想使用本机Fetch API,因为请求模块将是一个很大的开销.

但是响应上没有管道方法,所以我不能做类似的事情

fetch('https://imageurl.jpg')
    .then(response => response.pipe(fs.createWriteStream('image.jpg')));
Run Code Online (Sandbox Code Playgroud)

所以,我怎么能结合fetchfs.createWriteStream

javascript fs electron fetch-api

5
推荐指数
2
解决办法
4027
查看次数

有UTF-8字体吗?

我正在搜索UTF-8字体将其添加到我的网页,但我找不到.

(function() {
  var link_element = document.createElement("link"),
    s = document.getElementsByTagName("script")[0];
  if (window.location.protocol !== "http:" && window.location.protocol !== "https:") {
    link_element.href = "http:";
  }
  link_element.href += "//fonts.googleapis.com/css?family=Josefin+Slab:100italic,100,300italic,300,400italic,400,600italic,600,700italic,700";
  link_element.rel = "stylesheet";
  link_element.type = "text/css";
  s.parentNode.insertBefore(link_element, s);
  document.getElementsByTagName("html")[0].style.fontStyle = "Josefin Slab";
})();
Run Code Online (Sandbox Code Playgroud)
* {
  font-family: "Josefin Slab";
  font-size: 30px;
}
Run Code Online (Sandbox Code Playgroud)
This happens when I write ?, ?, ? or ?
Run Code Online (Sandbox Code Playgroud)

我想显示"Ő","Ű","ő"和"ű".有人可以帮忙吗?

html css html5 css3 font-face

3
推荐指数
1
解决办法
1万
查看次数

是否可以在javascript或jquery中禁用"你已经全屏"通知?

我正在构建一个HTML5游戏,但是如果我将游戏设置为全屏,如果我的光标在顶部显示通知?
我使用它将其设置为全屏:

function toggleFullScreen() {
      if (!document.fullscreenElement &&
          !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {
        if (document.documentElement.requestFullscreen) {
          document.documentElement.requestFullscreen();
        } else if (document.documentElement.msRequestFullscreen) {
          document.documentElement.msRequestFullscreen();
        } else if (document.documentElement.mozRequestFullScreen) {
          document.documentElement.mozRequestFullScreen();
        } else if (document.documentElement.webkitRequestFullscreen) {
          document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
        }
      } else {
        if (document.exitFullscreen) {
          document.exitFullscreen();
        } else if (document.msExitFullscreen) {
          document.msExitFullscreen();
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        } else if (document.webkitExitFullscreen) {
          document.webkitExitFullscreen();
        }
      }
    }
Run Code Online (Sandbox Code Playgroud)

谢谢!

html javascript jquery html5

2
推荐指数
1
解决办法
543
查看次数

我可以在Chrome中使用Chrome扩展程序禁用"你已经全屏"通知吗?

/如何/我可以在Chrome中使用Chrome扩展程序禁用"你已经全屏"通知吗?

我有这个manifest.json:

{
  "name": "Me",
  "description": "Disable Fullscreen notification",
  "version": "2.0",
  "permissions": [
    "activeTab"
  ],
  "browser_action": {
    "default_title": "Make this page red",
    "default_icon": "icon.png"
  },
 "manifest_version": 2
}
Run Code Online (Sandbox Code Playgroud)

html javascript google-chrome google-chrome-extension

2
推荐指数
1
解决办法
5398
查看次数