How to display a PHP list / array in a javascript alert (AlertifyJS)?

Question

How to display a PHP list / array in a javascript alert (AlertifyJS)?

Navigation

#1 by (0 votes)

0

This is my question, because in this example I'm doing an array with javacript, where I actually do that array in a sql query (PDO) and send it in a onclick='verProveedores(<?php echo json_encode($datos);?>)'; Until there is no problem because it sends it correctly, the question is that I do not know how to show several values of that array in an alert, I have only been able to print only independent values, in this case in a Alertify.alert(); That's why the purpose of this post, I appreciate your help.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/[email protected]/build/alertify.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/build/css/alertify.min.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/build/css/themes/default.min.css" />
<html>
  <head>
    <tittle>Mostrar lista en js</tittle>
  </head>

  <body><h2>
    <div id="labelalmacen" onclick='verProveedores();'> Haga Click para mostrar lista.
    </div></h2>
    <script>
   var proveedores=[{"nombre_proveedor":"PROVEEDOR1","0":"PROVEEDOR1"},{"nombre_proveedor":"PROVEEDOR2","0":"PROVEEDOR2"},{"nombre_proveedor":"PROVEEDOR3","0":"PROVEEDOR3"},{"nombre_proveedor":"PROVEEDOR4","0":"PROVEEDOR4"}];
      function verProveedores() {
        alertify.alert("Lista Proveedores:", proveedores[1].nombre_proveedor);
      }
    </script>
  </body>

</html>

javascript php

asked by Angel Zambrano 20.09.2017 в 22:59

source

1 answer

How to show a Json structure in Android: Create a Local DB in xamarin form using SQLite and Linq for a model obtained from an API Service

score 0 · Accepted Answer

[RESOLVED] I continued researching until I gave how to print several values of the same field in an alert using Alertifyjs, everything was in variable data=''; who is and will be used as a counter to show the message several times and stack it as an array when it is used in the cycle for(){} just inside the cycle itself is used at the end data=('mensaje'+ array)+data; < --- here the trick , add it to itself and then place it in an alert.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/[email protected]/build/alertify.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/build/css/alertify.min.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/build/css/themes/default.min.css" />
<html>

<head>
  <tittle>Mostrar lista en AlertifyJS</tittle>
</head>
<style>
  #labelalmacen:hover {
    color: red;
    cursor: pointer;
  }
</style>

<body>
  <h2>
    <div id="labelalmacen" onclick='verProveedoresAlertifyJS("arrayconvalores");'> Haga click aquí para mostrar lista Almacen con proveedores (AlertifyJS).
    </div><br>
    <div id="labelalmacen" onclick='verProveedoresAlertifyJS("arraysinvalores");'> Haga click aquí para mostrar lista Almacen sin proveedores (AlertifyJS).
    </div>
<br>
    <div id="labelalmacen" onclick='verProveedoresAlertpordefecto("arrayconvalores");'> Haga click aquí para mostrar lista Almacen con proveedores (Alert por defecto).
    </div><br>
    <div id="labelalmacen" onclick='verProveedoresAlertpordefecto("arraysinvalores");'> Haga click aquí para mostrar lista Almacen sin proveedores (Alert por defecto).
    </div>
  </h2>
  <script>
    function verProveedoresAlertifyJS(valor) {
      if (valor == 'arrayconvalores') {
        var proveedores = [{
          "nombre_proveedor": "PROVEEDOR1",
          "0": "PROVEEDOR1"
        }, {
          "nombre_proveedor": "PROVEEDOR2",
          "0": "PROVEEDOR2"
        }, {
          "nombre_proveedor": "PROVEEDOR3",
          "0": "PROVEEDOR3"
        }, {
          "nombre_proveedor": "PROVEEDOR4",
          "0": "PROVEEDOR4"
        }, {
          "nombre_proveedor": "PROVEEDOR5",
          "0": "PROVEEDOR5"
        }, {
          "nombre_proveedor": "PROVEEDOR6",
          "0": "PROVEEDOR6"
        }, {
          "nombre_proveedor": "PROVEEDOR7",
          "0": "PROVEEDOR7"
        }];
      } else if (valor == 'arraysinvalores') {
        var proveedores = '';
      }

      data = '';

      for (i = 0; i < proveedores.length; i++) {

        data = ('(' + i + ') Proveedor: ' + proveedores[i].nombre_proveedor + '<br><br>') + data;
      }
      if (proveedores.length == 0) {
        alertify.warning("Este almacen no tiene proveedores.");
      } else {
        alertify.alert('Lista de Proveedores.', data).set({ closableByDimmer:false});
      }
    }
    // ALERTA POR DEFECTO
    function verProveedoresAlertpordefecto(valor) {
      if (valor == 'arrayconvalores') {
        var proveedores = [{
          "nombre_proveedor": "PROVEEDOR1",
          "0": "PROVEEDOR1"
        }, {
          "nombre_proveedor": "PROVEEDOR2",
          "0": "PROVEEDOR2"
        }, {
          "nombre_proveedor": "PROVEEDOR3",
          "0": "PROVEEDOR3"
        }, {
          "nombre_proveedor": "PROVEEDOR4",
          "0": "PROVEEDOR4"
        }, {
          "nombre_proveedor": "PROVEEDOR5",
          "0": "PROVEEDOR5"
        }, {
          "nombre_proveedor": "PROVEEDOR6",
          "0": "PROVEEDOR6"
        }, {
          "nombre_proveedor": "PROVEEDOR7",
          "0": "PROVEEDOR7"
        }];
      } else if (valor == 'arraysinvalores') {
        var proveedores = '';
      }

      data = '';

      for (i = 0; i < proveedores.length; i++) {

        data = ('(' + i + ') Proveedor: ' + proveedores[i].nombre_proveedor + '\n\n') + data;
      }
      if (proveedores.length == 0) {
        alert("Este almacen no tiene proveedores.");
      } else {
        alert('Lista de Proveedores.\n' + data);
      }
    }
  </script>
</body>

</html>