gpt4 book ai didi

javascript - 如何设置简单的 firebase ajax 请求?

转载 作者:行者123 更新时间:2023-11-30 12:02:59 26 4
gpt4 key购买 nike

我知道我可以使用 set 来访问 Firebase,但我想改用 AJAX,所以我尝试了以下代码。当我在浏览器中加载 test.html 时,控制台显示 -

XMLHttpRequest 无法加载 https://jleiphonebook.firebaseio.com/json .请求的资源上不存在“Access-Control-Allow-Origin” header 。因此不允许访问 Origin 'null'。响应具有 HTTP 状态代码 405。

//文本.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Firebase Test</title>
<script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
</head>
<body>
<div id="hi"></div>
<script src="https://code.jquery.com/jquery-1.12.2.min.js" integrity="sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk=" crossorigin="anonymous"></script>
<script>
$(document).ready(function () {
var param = {lastName: "Doe", firstName: "John"};
$.ajax({
url: 'https://jleiphonebook.firebaseio.com/json',
type: "POST",
data: param,
success: function () {
alert("success");
}
});
});
</script>
</body>
</html>

//火力规则

{
"rules": {
".read": true,
".write": true
}
}

最佳答案

Firebase 期望正文是一个 JSON 字符串,因此您需要对其进行字符串化:

$(document).ready(function () {
var param = {lastName: "Doe", firstName: "John"};

$.ajax({
url: 'https://jleiphonebook.firebaseio.com/.json',
type: "POST",
data: JSON.stringify(param),
success: function () {
alert("success");
},
error: function(error) {
alert("error: "+error);
}
});
});

顺便说一句,这将完成同样的事情:

$.post('https://jleiphonebook.firebaseio.com/.json',
JSON.stringify(param),
function () {
alert("success");
}
);

关于javascript - 如何设置简单的 firebase ajax 请求?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36165311/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com