• Resolvido luizarusso1

    (@luizarusso1)


    Preciso criar uma Página onde tenha um dropdownlist com as escolas cadastradas no banco mysql e, ao selecionar a opcao desejada no dropdownlist, carregue os demais campos (codFilial, NomeFantasia e cnpj). Pensei em usar AngularJS.
    Meu problema é carregar esse dropdownlist com os dados do banco.

    Tentei seguir um tutorial de php+AngularJS:
    http://www.webslesson.info/2016/09/dynamic-dropdown-list-using-angularjs-with-php.html

    Criei a tabela e fiz exatamente o mesmo código do tutorial, mas meu drop vem vazio… Acho que quando usado em conjunto com o WP precisa ser feito algo diferente, pois no console do navegador recebo a mensagem:
    GET http://localhost:90/wordpress/escolas/load_country.php 404 (Not Found)

    A pag index que chama a load_country e a load_country estão em C:\xampp\htdocs\wordpress\wp-content\themes\storefront (tudo rodando local)

    Coloquei no diretório do tema só p testar.

    Uso WP 4.9.3, WooCommerce e o tema Storefront. Comecei com WP e WooCommerce agora num projeto que caí de paraquedas e to sambando p entender a amarração entre as coisas :S

    Alguém já fez algo parecido?
    Se alguém puder dar uma ajuda, agradeço muito!! Valeuuuu

Visualizando 1 resposta (de um total de 1)
  • Criador do tópico luizarusso1

    (@luizarusso1)

    Só para marcar o tópico como resolvido, vou postar aqui a solução que achei. Não sei se é a melhor solução, mas é uma opção.

    Para usar com o WordPress não dá p fazer direto, é necessário criar uma página através do painel do WP com a URL que chamamos no $http.get(“load_country”) (ah, tb n precisa de .php li no http.get!) . Nesse caso, load_country vai conter o código conforme mostrado no tutorial de referencia + o cabeçalho de uma page.php, para o WP interpretá-la como modelo de página e torna-la de fato uma página para o JS ler.

    No meu ficou assim:

    <?php
    /**
     * Template Name: load country
     *
     * @package WordPress
     * @subpackage Twenty_Fourteen
     * @since Twenty Fourteen 1.0
     * dropdown list usando angularJS adaptado de: http://www.webslesson.info/2016/09/dynamic-dropdown-list-using-angularjs-with-php.html
     */
    
    if ( ! defined( 'ABSPATH' ) ) {
    	exit;
    }
    ?> 
    
            <?php
                //load_country.php  
                $connect = mysqli_connect("localhost", "root", "", "cantinaESWEB");  
                $output = array();  
                $query = "SELECT * FROM country ORDER BY country_name ASC";  
                $result = mysqli_query($connect, $query);  
                while($row = mysqli_fetch_array($result)) 
                {  
                    $output[] = $row;  
                }  
                echo json_encode($output);  
                ?> 

    O demais ficou como no tutorial.

    Valeu!

    • Esta resposta foi modificada 6 anos, 6 meses atrás por luizarusso1.
Visualizando 1 resposta (de um total de 1)
  • O tópico ‘WP + AngularJS’ está fechado para novas respostas.