2017-07-15 14 views
0

Javascriptを使用してJSONオブジェクトをMocky IO URLに投稿するにはどうすればよいですか?私が試してみましたjsonとMocky IOをPOSTする方法

function mocky(req, res) { 
    test = JSON.post(
     "http://www.mocky.io/v2/5185415ba171ea3a00704eed", 
     { 
      method: "POST" 
     }, 
     function (test, value, ex) { 
      if(value){ 
       console.log(value); 
      } else { 
       console.log(ex); 
      } 

     } 
    ); 
} 

答えて

0

call-この典型的なjqueryのAJAXを試してみてください、私は最終的に魔法のように動作するものを考え出しました!

は、プロジェクトのルートディレクトリから次のコマンドを実行します。私はリファレンスとして、以下の使用

//Enabling CORS on ExpressJS 
app.use(function(req, res, next) { 
res.header("Access-Control-Allow-Origin", "*"); 
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content- Type, Accept"); 
next(); 
}); 

//Making an API call from NodeJS server 
// Posting field (json object) to mocky.io 
    var request=require('request'); 
    var mockyPostRequest = { 
     url: 'http://www.mocky.io/v2/596a5f03110000920701cd92', 
     method: 'POST', 
     headers: { 
      'Content-Type': 'application/json' 
     }, 
     json: field 
    }; 

    request(mockyPostRequest, function(err, res, body) { 
     if (res && (res.statusCode === 200 || res.statusCode === 201)) { 
      // Logging the post data on the console 
      console.log(body); 
     } 
    }); 

NPMは要求をインストール: https://enable-cors.org/server_expressjs.html

おかげで皆を返信するために。

+0

質問を削除することをお勧めします。 Node.JSやExpressJSを使用しているとは言いませんでした。他の唯一の答えは、間違ってjQueryの回答をくれた人でした。 –

0

は、さまざまなソリューションを試みた後

var jsonData = {"x":"Apple", "y":"Mango"}; 

$.ajax({ 
    url: 'http://www.mocky.io/v2/596a5f03110000920701cd92', 
    type: 'POST', 
    dataType: 'json', 
    data: jsonData, 
    success: function() { alert('POST completed'); } 
}); 
+0

サーバが にReferenceErrorエラーを投げている:$は、私は私のindex.htmlでのjQueryを持って が定義されていません。 <スクリプトSRC = "http://code.jquery.com/jquery-1.11.0.min .js "> –

+0

クライアント側にこのコードがあると、次のエラーが発生しています。 XMLHttpRequestはhttp://www.mocky.io/v2/596a5f03110000920701cd92をロードできません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。したがって、 'http:// localhost:3000'はアクセスが許可されていません。 –

+0

既存のコードを調べて、jQueryに '$'の代わりに何を使っているのかを確認してください。これは '$ j'や' $ jquery'のようなものです。 –

関連する問題