0

Ja verifiquei aqui neste link

Problema em requisição com jQuery ($.ajax) e Angular ($http)

porém nao estou consequindo enviar em formato json meus dados de um formulario em html , seque o erro

Possibly unhandled rejection: {"data":"","status":406,"config":{"method":"POST","transformRequest":[null],"transformResponse":[null],"jsonpCallbackParam":"callback","dataType":"json","data":{"name":"we","price":"12"},"headers":{"Content-Type":"application/json;odata=verbose","Accept":"application/json, text/plain, /","Authorization":"Basic MTIzOjEyMw=="},"url":"http://localhost:9000/product","params":{"name":"name","price":"price"}},"statusText":""}

Codigo da API

@RestController
@RequestMapping(value="/product", 
produces = {"application/x-www-form-urlencoded"})
public class Products_Controller {

    @Autowired
    private Products_Repo prodrepo;

    @GetMapping(produces = "application/json")
    public @ResponseBody Iterable<Products> ListaProduct() {
        Iterable<Products> ListaProduct = prodrepo.findAll();
        return ListaProduct; 
        //retornando lista de produtos em formato json
    }
    @CrossOrigin
    @PostMapping()
    public @ResponseBody Products CadastrarProduct(Products products) {
        return prodrepo.save(products);

    }

Controller e factory:

angular
.module("app")
.controller("ProdutosController", function($scope, ProdutosFactory){

      $scope.product = ProdutosFactory.ObterProd.todos();

      $scope.IncluirProd = function(){
        ProdutosFactory.IncluirProd.procProd({name:$scope.name, price:$scope.price});
        $scope.product = ProdutosFactory.ObterProd.todos();
      };
      $scope.NovoProd = function(){
            ProdutosFactory.NovoProd.novoProd(
              JSON.parse(JSON.stringify({name:$scope.name, price:$scope.price}))
            );

          $scope.product = ProdutosFactory.ObterProd.todos();
      };

});

Aqui a factory

    angular
        .module("app")
        .factory("ProdutosFactory", function($resource){
   var factoryProduct = {
        ObterProd: $resource('http://localhost:9000/product', {}, {
            todos: {method: 'GET', isArray: true}
        }),
        IncluirProd: $resource('http://localhost:9000/product', {}, {
            procProd: {method: 'GET', params: {name: '@name', price: '@price'}}
        }),
        NovoProd: $resource('http://localhost:9000/product', {}, {
            novoProd: {
                    method: 'POST',
                    dataType: "json",
                    data: '',
                    params:{name: "name", price: "price"},
                    headers :{'Content-Type':'application/json;odata=verbose'},




                            }
        }),



   };
    return factoryProduct;


});

aqui a view

<div ng-controller="ProdutosController">


    <form name="addprodutosform" ng-submit="NovoProd()">
        <table>
            <tr>
                <td>Nome do Produto</td>
                <td><input type="text" ng-model="name"/></td>
            </tr>
            <tr>
                <td>Preco</td>
                <td><input type="text" ng-model="price"/></td>
            </tr>
            <td colspan="2"><input type="submit"/></td>
        </table>

    </form>

</div>

E no payload:

erro 406 nao consigo entender este erro.

4
  • Você teria que invocar o objeto $http para poder usar o ajax, assim como vc invoca o $scope na função do controller.
    – ayelsew
    4/02/2018 às 15:54
  • sim mais, o $resource ja faz o trabalho do $http, acho que este problema e que estou enviando dados do front e no backend nao conseque traduzir os dados que estou enviando do front.. mais nao sei como fazer isto. 5/02/2018 às 11:12
  • agora aparece isto. 5/02/2018 às 20:19
  • Possibly unhandled rejection: {"data":{"timestamp":1517861744939,"status":500,"error":"Internal Server Error","exception":"org.springframework.dao.DataIntegrityViolationException","message":".. 5/02/2018 às 20:20

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .