【问题标题】:passing a JSON object to server using angularjs/javascript使用 angularjs/javascript 将 JSON 对象传递给服务器
【发布时间】:2015-07-27 23:03:25
【问题描述】:

如何将前端输入字段中的信息(使用 angularjs)作为 JSON 对象传递给服务器(javascript)?

基本上,我打算做的是从用户那里获取输入,并将其作为查询传递以搜索数据库并返回值。

我的控制器代码:

`app.controller('SearchController',['$scope','$http',function($scope,$http){
    $scope.click=function(){

    var data=$scope.query1;

    $http.post('/credjson',data);

    /*$scope.addRowAsyncAsJSON = function(){        
        $scope.cred.push({ 'query':$scope.query1 });

        var dataObj = {
            query : $scope.query1,
        };  

        var res = $http.post('/credjson', dataObj);
        res.success(function(data, status, headers, config) {
            $scope.message = data;
        });
        res.error(function(data, status, headers, config) {
            alert( "failure message: " + JSON.stringify({data: data}));
        });     

        $scope.query1='';*/`

注意:/* */ 之间的代码是一种不同的尝试。

我的查看代码:

    `<div style="padding-top:20px" ng-controller="SearchController">
        <form name="form1" ng-submit="click()">
    <input id="creditq" ng-model='query1' type="text" /> 
    <button id="Search" ng-value='Search'>Search</button><br/><br/>
    </form>
    </div>`

【问题讨论】:

    标签: javascript json angularjs node.js


    【解决方案1】:

    只需构建您的 JSON 有效负载并将其作为第二个参数传递给 $http

    data: { query1: $scope.query1 }
    

    然后

    $http.post('/credjson',data);
    

    【讨论】:

    • 我仍然在浏览器窗口中不断收到“Cannot GET /credjson”
    • 您确定 api 端点 /credjson 正确且有效吗?首先使用一些 chrome 扩展程序(如 postman)来验证端点是否正常工作。
    • 我使用 fiddler 检查,发现我做错了什么。我不得不在我的服务器代码中使用 app.post,尽管现在我坚持将数据从 /credjson 提取到服务器中以供使用。对此的任何帮助都会很棒。
    猜你喜欢
    • 2012-04-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-16
    • 2017-01-02
    • 1970-01-01
    相关资源
    最近更新 更多