COMO FAZER REQUISIÇÃO AJAX E RECEBER RETORNO E PREENCHER CAMPO FORM

[adrsublimacao]

segue a baixo um form simplificado com o cnpj e nome

 

<div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label">CPF/CNPJ: </label>
                                    <input type="text" id="cpf_cnpj_nota" name="cpf_cnpj_nota" class="form-control" maxlength="60" value="<?php if(isset($_GET["cnpj"])) { echo $CnpjEmpresa; } else { echo $dadospedido->cpf_cnpj_nota; }?>" >
                                </div>
                            </div>

<div class="col-lg-12">
                                <div class="form-group">
                                    <label class="form-control-label">Nome completo/Razão social:</label>
                                    <input type="text" id="nome_razao_nota" name="nome_razao_nota" class="form-control" maxlength="60" value="<?php if(isset($_GET["cnpj"])) { echo $NomeEmpresa; } else { echo $dadospedido->nome_razao_nota; }?>" >
                                </div>
                            </div>

 

<script>

    
            //Quando o campo cnpj perde o foco.
            $("#cpf_cnpj_nota").blur(function() {

                //Nova variável "cnpj" somente com dígitos.
                var cpf_cnpj_nota = $(this).val().replace(/[^\d]+/g, '');

                        //Preenche os campos com "..." enquanto consulta webservice.
                        $("#nome_razao_nota").val("...");
                         $("#cep").val("...");
                          

                        //Consulta o webservice receitaws.com.br/
                        
                        $.getJSON("https://www.receitaws.com.br/v1/cnpj/" + cpf_cnpj_nota, function(dados) {

                           console.log("CONSULTA sefaz: ", dados.nome); // Debug
                          
                           
                                $("#nome_razao_nota").val(dados.nome);
                                $("#cep").val(dados.cep);
                              
                          
                        });
              });
            

 </script>                

 

se alguém puder me eajudar é uma consulta de cnpj e me retornar no campo o nome da empresa

[Frank K Hosaka]

Encontrei essa dica para desbloquear o código JavaScript:

jquery - Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not? - Stack Overflow

Ele pede para mexer no arquivo node-red/settings.js - isso é coisa que tenho pavor de mexer.

A minha sugestão é trabalhar com o PHP (atenção só pode ter uma página aberta para consultar a Receita Federal):

<?php
$cadastro=file_get_contents("https://www.receitaws.com.br/v1/cnpj/64725872000108");
$jcad=json_decode($cadastro);
echo $jcad->nome."<br>";
echo $jcad->cep;

 

Editado Junho 26, 2023 por Frank K Hosaka