將jQuery JSON對象發佈到NodeJs Restify

我想知道爲什麼在/:parameter中發佈一個簡單的JSON字符串以便進行調整非常困難。我遵循了很多例子，但沒有找到具體的東西。將jQuery JSON對象發佈到NodeJs Restify

我在前端有以下代碼。

$("#btnDoTest").click(function() { 

    var jData = { 
     hello: "world" 
    }; 
    var request = $.ajax({ 
     url: "http://localhost:8081/j/", 
     async: false, 
     type: "POST", 
     data: JSON.stringify(jData), 
     contentType: "application/javascript", 
     dataType: "json" 
    }); 


    request.success(function(result) { 

     console.log(result); 

    }); 

    request.fail(function(jqXHR, textStatus) { 
     alert("Request failed: " + textStatus); 
    }); 


});

我在發送簡單的文字，如果我在串聯後j/帕拉姆成功的。但是我想發送的是一個像這樣的對象，並在nodeJS中重新構建它並使用它。

- 編輯：

This is my nodejs file 
/* the below function is from restifylib/response.js */ 
var restify = require("restify"); 

/* create the restify server */ 
var server = restify.createServer({ 

}); 


server.use(restify.bodyParser({ mapParams: true })); 

server.use(
    function crossOrigin(req,res,next){ 
    res.header("Access-Control-Allow-Origin", "*"); 
    res.header("Access-Control-Allow-Headers", "X-Requested-With"); 
    return next(); 
    } 
); 


server.post('/j/', function (req, res, next) { 


    //res.send(201,"REceived body: "+JSON.stringify(req.params)); 
    res.send(201,"REceived body: "+JSON.stringify(req.params)); 
    return next(); 
}); 


var port = 8081; 
server.listen(port); 
console.log("Server listening on port " +port)

任何幫助，將不勝感激感謝。

來源

2013-06-04 Oxnigarth

我終於搞定了。

--Front結束代碼

$("#btnDoTest").click(function() { 



     var request = $.ajax({ 

      url: "http://localhost:3000/j", 
      async: false, 
      type: "POST", 
      data: { 
       blob: {wob:"1",job:"2", ar:[1,2,{a:'b'}]} 
      }, 

      contentType: "application/x-www-form-urlencoded", //This is what made the difference. 
      dataType: "json", 

     }); 


     request.success(function(result) { 

      console.log(result); 

     }); 

     request.fail(function(jqXHR, textStatus) { 
      alert("Request failed: " + textStatus); 
     }); 


    });

服務的NodeJS

/* the below function is from restifylib/response.js */ 
var restify = require("restify"); 

/* create the restify server */ 
var server = restify.createServer({ 

}); 


server.use(restify.bodyParser()); 
server.use(restify.CORS()); 


server.post('/j/', function(req, res, next) { 

    res.header("Access-Control-Allow-Origin", "*"); 
    res.header("Access-Control-Allow-Headers", "X-Requested-With"); 

    // req.params == data on jquery ajax request. 


    res.send(200, JSON.stringify(req.params)); 
    console.log(req.params.blob.ar[2].a) 



    res.end(); 
    return next(); 
}); 


var port = 3000; 
server.listen(port); 
console.log("Server listening on port " + port)

來源

2013-06-05 13:31:30 Oxnigarth

謝謝，'contentType：'application/x-www-form-urlencoded「'也適用於我。 –

不要將其串化。試試這個，注意兩個變化，我刪除了JSON.stringify並切換到application/json，因爲它的JSON而不是JavaScript。

var request = $.ajax({ 
    url: "http://localhost:8081/j/", 
    async: false, 
    type: "POST", 
    data: jData, 
    contentType: "application/json", 
    dataType: "json" 
});

application/javascript只應在使用JSONP時使用。

來源

2013-06-04 17:21:05 travis

我已經嘗試過這樣的事情。它不起作用。我在帖子中看到一些奇怪的行爲，因爲它被要求這樣： /OPTIONS/j – Oxnigarth

也許來不及，但如果你仍然不知道嘗試使用crossDomain：true作爲你的ajax選項 – albertpeiro

第一

我的答案！

的jQuery：

$.ajax({ 
    url: url, 
    method: 'post', 
    data: JSON.stringify({key:value}), 
    contentType: "application/json" 
});

節點的http：

server.post('/1', function(req, res) { 
    var body = req.body; 
    var dataValue = body.dataKey; 
});

爲什麼呢？數據類型沒有被定義，所以當使用JSON.stringify({key:value})時，數據將以字符串形式發送，如'{key：'xxx'}'，節點接收一個字符串，而不是一個JSON對象，即使字符串結構看起來像一個JSON。但是在我們在$ .ajax中添加contentType: "application/json"後，當節點接收到數據時，它將成爲一個真正的json對象類型數據。

來源

2016-08-07 16:36:39 frustigor

將jQuery JSON對象發佈到NodeJs Restify

回答

相關問題