2015-05-15 6 views
1

Как передать информацию из поля ввода в переднем конце (используя angularjs) в качестве объекта JSON на сервер (javascript)?Передача объекта JSON на сервер с помощью angularjs/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>` 

ответ

1

Просто построить свой JSON полезной нагрузки и передать его $http как второй парам

data: { query1: $scope.query1 } 

, а затем

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

я до сих пор продолжаю получать «Не могу GET/credjson "в окне браузера – Anoop

+0

Вы уверены, что конечная точка api'/credjson' верна и работает? Используйте некоторое расширение chrome, такое как почтальон, чтобы проверить, правильно ли работает конечная точка. – kachhalimbu

+0

Я проверил с помощью скрипача, понял, что я сделал не так. Мне пришлось использовать app.post в моем серверном коде, хотя теперь я застрял на извлечении данных из/credjson на сервер для использования. Любая помощь с этим была бы потрясающей. – Anoop

Смежные вопросы