2016-03-22 13 views
1

私はFirebaseを打つためにセットを使うことができると知っていますが、代わりにAJAXを使いたいので、以下のコードを試してみました。私のブラウザにtest.htmlをロードすると、コンソールに -簡単なfirebase ajaxリクエストを設定するにはどうすればよいですか?

https://jleiphonebook.firebaseio.com/jsonというXMLHttpRequestをロードできません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。したがって、原点「ヌル」はアクセスが許可されません。応答は、HTTPステータスコード405

//text.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> 

// firebaseルール

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

'' json'の前に '.'がないので、' https:// jleiphonebook.firebaseio.com/.json'です。 –

+0

JSONデータのロードをロードすると、おそらく '$ .getJSON()'を使用することになります: –

+0

@FrankvanPuffelen私は、それは悪い要求のフィードバックを持っています。私はPOSTリクエストをしています、なぜあなたはgetJSONを使うべきか説明できますか?どちらも動作しませんでした – akantoword

答えて

2

Firebase体はJSON文字列であることを期待ので、あなた'LLを持っていましたそれを文字列化する必要があります。

$(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"); 
    } 
); 
+0

よろしくお願いします!私はこれをドキュメントのいずれにも見ませんでしたが、あなたがこれを述べたところを参照できますか?私は情報を取得するときにこれを文字列化しない方法を理解したいと思います – akantoword

関連する問題