javascript - 如何修复Angular js中的json解析问题

我正在尝试通过index.html使用angular.js从我的http.post向我的js应用程序发送一个contactItem（字符串元素）。
每次尝试发布contactItem时，都会出现以下错误：

SyntaxError: Unexpected token m (or D)

在解析。

我尝试了JSON.stringify(contactItem)和JSON(contactItem);，但是没有帮助。

希望有人可以帮助我解决这个问题。谢谢。

javascript - 如何修复Angular js中的json解析问题-LMLPHP

index.html

<body>

<div ng-app="myApp" ng-controller="customersCtrl">
<table style="width:100%">
 <tr ng-repeat="contact in databases.databases">
    <td>{{ contact.name }} <button type="button"ng-click="addContactlist(contact.name)">Click Me</button></td>
    <td>{{ contact.sizeOnDisk }} </td>
    <td>{{ contact.empty }} </td>
  </tr>
  </table>
</div>

</body>

global.js

var app = angular.module('myApp', []);

app.controller('customersCtrl', function($scope, $http) {
    console.log("controller connected");

function refresh(){
// create contacklist route
$http.get('/databases').success(function(response) {
    console.log("recived data requested");
    $scope.databases = response;
  });
}

// Call refresh to init cantacklist
refresh();


// add Doc to table
$scope.addContactlist = function(contactItem) {
  alert("Working ");
    $http.post('/collection', JSON.stringify(contactItem)).success(function(response) {
      });
    console.log("posted: "+contactItem);
  };


});// Controller

mvc.js

var express = require('express');
var path = require('path'); //core module
var databaseUrl = "localhost:27017/DB"; // default env
var bodyParser = require('body-parser');

var Db = require('mongodb').Db,
    MongoClient = require('mongodb').MongoClient,
    Server = require('mongodb').Server,
    ReplSetServers = require('mongodb').ReplSetServers,
    ObjectID = require('mongodb').ObjectID,
    Binary = require('mongodb').Binary,
    GridStore = require('mongodb').GridStore,
    Grid = require('mongodb').Grid,
    Code = require('mongodb').Code,
    assert = require('assert');

//configure app
var app = express();
var db = new Db('DB', new Server('localhost', 27017));


db.on('error', function (err) {
    console.log('database error', err)
});

db.on('connect', function () {
    console.log('database connected')
});

// store all html files in views
app.use(express.static(__dirname + '/views'));
// parses recived json input
app.use(bodyParser.json());
// store all js in Scripts folder
app.use(express.static(__dirname + '/scripts'));

// Technology not needed but good practice, especailly when serval people are working on it
app.get('/', function (req, res) {
    res.sendFile('index.html');
});

// listen for contactlist get request, aka transfers the contacklist in mongo to client
app.get('/databases', function (req, res) {
    console.log("-- recived GET request --");
    db.open(function(err, db) {

      // Use the admin database for the operation
      var adminDb = db.admin();

      // List all the available databases
      adminDb.listDatabases(function(err, dbs) {
        assert.equal(null, err);
        assert.ok(dbs.databases.length > 0);
        console.log(dbs);
        res.json(dbs);
        db.close();
      });
    });
});

// listen for contactlist get request, aka transfers the contacklist in mongo to client
app.get('/collection', function (req, res) {
    console.log("-- recived GET request --");
    db.open(function(err, db) {
         // Grab a collection without a callback no safe mode
        var col1 = db.collection('DB');
    });
});



// Implement a web server to listen to requests
app.listen(4444, function(){
    console.log('ready on port 4444');
});

最佳答案

$http.post需要的数据应该以json格式传递，就像这里contactItem只是contact.name一样，这在任何意义上都不会分层。我建议您在解析之前创建JSON对象。

$http.post('/collection', JSON.stringify({'contactItem': contactItem})
//$http.post('url', data); //data should be in json format.

同样在node.js代码上，调用应该是
app.post
代替app.get

ContactItem

javascript - 如何修复Angular js中的json解析问题