Solucionado (ver solução)
Solucionado
(ver solução)
8
respostas

Post com live server do visual code

É possível realizar o POST com o Live server do visual code? pois consigo fazer o GET normalmente, mas o POST sempre dá "405 (Method Not Allowed)"

8 respostas

Fala aí Felipe, tudo bem? Sim, é possível sim, precisa ver como está sua requisição.

O erro 405 é porque você fez uma requisição para um endpoint com o verbo diferente do qual ele aceita.

Exemplo: Fez uma requisição para /api/clientes do tipo POST, mas, esse endpoint apenas aceita POST.

Espero ter ajudado.


$(document).ready(function () {
    $('#enviarmusica').click(function () {
        var nomePessoa = $('#nome1').val();
        var musica = $('#musica').val();
        var observacao = $('#obs').val();

       var pedido = 
       {
           nome: nomePessoa,
           musica: musica,
           observacao: observacao
       }

        $.ajax({
            url: '/js/musicas.json',
            type: 'POST',
            data: pedido,
            dataType: 'json'
        });

    })

})

Ainda não consegui entender o que pode estar acontecendo :/

Provavelmente a URL que você está fazendo a requisição AJAX:

/js/musicas.json

Não está preparada para receber requisições do tipo POST.

Espero ter ajudado.

e como eu faço isso? não tenho ideia, fiz um formulário super simples novamente, e está dando o mesmo erro


<body>
    <input id="campo1" placeholder="Digite seu nome">
    <input id="campo2" placeholder="Digite seu sobrenome">
    <button id="enviar">Enviar</button>
</body>
<script>

    $(document).ready(function () {
        $('#enviar').click(function () {

            var nome = $('#campo1').val();
            var sobrenome = $('#campo2').val();

            var dados =
            {
                nome: nome,
                sobrenome: sobrenome

            }
            $.ajax({
                url: 'http://127.0.0.1:5500/arquivos.json',
                type: 'POST',
                data: dados,
                dataType: 'json'
            });

        })

    });

continua dando o erro: POST http://127.0.0.1:5500/arquivos.json 405 (Method Not Allowed)

quando eu faço :

$.getJSON("arquivos.json", function (data) {
console.log(data[0].nome)
}

ele apresenta normal, os dados que eu quero, só o post que não estou conseguindo

Então, precisa ver como você está criando essa API, ou seja, o endereço http://127.0.0.1:5500/arquivos.json.

Está criando em Node? É uma API pronta? Como você está montando isso?

Espero ter ajudado.

Não estou criando usando o Node, é apenas um formulário web, por isso a duvida se era possível enviar um post apenas com o live server do Visual Code.

solução!

Entendi, isso não é possível Felipe, para enviar um POST você vai precisar uma API (back-end) para receber essa requisição.

Espero ter ajudado.