Foros del Web » Programando para Internet » Jquery »

enviar información de javascript a php

Estas en el tema de enviar información de javascript a php en el foro de Jquery en Foros del Web. hola a todos tengo un formulario PHP y unos campos con botones que agregar campos de testo y un boton para adjuntar un archivo esto ...
  #1 (permalink)  
Antiguo 21/03/2018, 10:41
 
Fecha de Ingreso: abril-2015
Mensajes: 130
Antigüedad: 9 años
Puntos: 0
enviar información de javascript a php

hola a todos tengo un formulario PHP y unos campos con botones que agregar campos de testo y un boton para adjuntar un archivo esto lo hago en javascript lo que no se es como regresar el contenido de mi formulario de javascript a php para guardar los datos en mi BD en MYSQL

este es mi boton agregar campos

Código HTML:
Ver original
  1. <span class="section">¿Con qué?</span>
  2.                         <div class="item form-group">
  3.                         <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Debemos declarar que infraestructura utilizamos para realizar las actividades del proceso.<span class="required">*</span>
  4.                         </label>
  5.                         <div class="col-md-6 col-sm-6 col-xs-12" id="main">
  6.                             <input type="button" id="btAdd" value="Añadir Elemento" class="bt" />
  7.                             <input type="button" id="btRemove" value="Eliminar Elemento" class="bt" />
  8.                             <input type="button" id="btRemoveAll" value="Eliminar Todo" class="bt" /><br />
  9.  
  10.                         </div>
  11.                         </div>

este es la función en javascript para agregar campos

Código Javascript:
Ver original
  1. //agregar campos con que
  2. $(document).ready(function() {
  3. var iCnt = 0;
  4.  
  5. // Crear un elemento div añadiendo estilos CSS
  6. var container = $(document.createElement('div')).css({
  7. padding: '1px', margin: '70px', width: '950px', border: '1px dashed'
  8. });$('#btAdd').click(function() {
  9. if (iCnt <= 19) {
  10.  
  11. iCnt = iCnt + 1;
  12.  
  13. // Añadir caja de texto.
  14. $(container).append('<div class="item form-group">\n\
  15. <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Con Que?<span class="required">*</span></label>\n\
  16. <div class="col-md-6 col-sm-6 col-xs-12"><input type=text class="form-control col-md-7 col-xs-12" placeholder="Cual es tu Salida" required="required" id=tb' + iCnt + ' ' +
  17. 'value="¿Con qué?' + iCnt + '" />\n\Seleccione Archivo:<INPUT type="file" name="archivo" size="30" id=tb' + iCnt + ' ' +
  18. 'value="¿Con qué?' + iCnt + '"></div></div>');
  19.  
  20. if (iCnt == 1) {
  21.  
  22. var divSubmit = $(document.createElement('div'));
  23. //$(divSubmit).append('<input type=button class="bt" onclick="GetTextValue()"' +
  24. //'id=btSubmit value=Enviar />');
  25.  
  26. }
  27.  
  28. $('#main').after(container, divSubmit);
  29. }
  30. else { //se establece un limite para añadir elementos, 20 es el limite
  31.  
  32. $(container).append('<label>Limite Alcanzado</label>');
  33. $('#btAdd').attr('class', 'bt-disable');
  34. $('#btAdd').attr('disabled', 'disabled');
  35.  
  36. }
  37. });
  38.  
  39. $('#btRemove').click(function() { // Elimina un elemento por click
  40. if (iCnt != 0) { $('#tb' + iCnt).remove(); iCnt = iCnt - 1; }
  41.  
  42. if (iCnt == 0) { $(container).empty();
  43.  
  44. $(container).remove();
  45. $('#btSubmit').remove();
  46. $('#btAdd').removeAttr('disabled');
  47. $('#btAdd').attr('class', 'bt')
  48.  
  49. }
  50. });
  51.  
  52. $('#btRemoveAll').click(function() { // Elimina todos los elementos del contenedor
  53.  
  54. $(container).empty();
  55. $(container).remove();
  56. $('#btSubmit').remove(); iCnt = 0;
  57. $('#btAdd').removeAttr('disabled');
  58. $('#btAdd').attr('class', 'bt');
  59.  
  60. });
  61. });

y este es mi boton para enviar el formulario

Código PHP:
Ver original
  1. <span class="section"></span>
  2.                        <div class="ln_solid"></div>
  3.                       <div class="form-group">
  4.                         <div class="col-md-6 col-md-offset-3">
  5.                           <button type="submit" class="btn btn-primary">Cancel</button>
  6.                           <button id="send" type="submit" class="btn btn-success">Submit</button>
  7.                         </div>
  8.                       </div>

Última edición por antonio_dsanchez; 21/03/2018 a las 10:48
  #2 (permalink)  
Antiguo 21/03/2018, 21:10
Avatar de hhs
hhs
Colaborador
 
Fecha de Ingreso: junio-2013
Ubicación: México
Mensajes: 2.995
Antigüedad: 10 años, 9 meses
Puntos: 379
Respuesta: enviar información de javascript a php

Amigo esto lo debes de preguntar en el foro de javascript
__________________
Saludos
About me
Laraveles
A class should have only one reason to change.
  #3 (permalink)  
Antiguo 09/04/2018, 07:49
 
Fecha de Ingreso: septiembre-2015
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 4
Respuesta: enviar información de javascript a php

Amigo si aun te sirve... con javascript es posible pero con jquery creo que es mas simplificado y facil.

Lo primero es tener instanciado en el doc html tu jquery y despues puedes hacer lo que yo hago en muchas ocasiones.

Código Javascript:
Ver original
  1. $.post("url.php", {variable:valor, variable:valor})
  2. .done(function(data){
  3. alert(data);
  4. console.log(data);
  5. });

como te puse en la descripción, primero esta la url del archivo php a donde vas a mandar los datos.
- do de variable valor. Variable es como vas a recibir el valor que estas mandado en php
ejem: si mandas nombre:nom suponiendo que nom es el valor que vas a mandar, en php ese valor lo recibes de estan manera $_POST["nombre"]
-la variable data dentro de la función en el .done es que todo lo que se imprima en php con echo, var _dump o print_r sera devuelto a js y se imprime tanto en el alert como en la consola.

Espero te sirva, si no entiendes algo puedes responder, con gusto te ayudare!

Saludos. :D
__________________
si te sirvio califica positivo :v

Etiquetas: javascript, mysql, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:56.