enviar información de javascript a php

[antonio_dsanchez]

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:

<span class="section">¿Con qué?</span>
                        <div class="item form-group">
                        <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>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12" id="main">
                            <input type="button" id="btAdd" value="Añadir Elemento" class="bt" />
                            <input type="button" id="btRemove" value="Eliminar Elemento" class="bt" />
                            <input type="button" id="btRemoveAll" value="Eliminar Todo" class="bt" /><br />
 
                        </div>
                        </div>
 

este es la función en javascript para agregar campos

Código Javascript:

//agregar campos con que
$(document).ready(function() {
var iCnt = 0;
 
// Crear un elemento div añadiendo estilos CSS
var container = $(document.createElement('div')).css({
padding: '1px', margin: '70px', width: '950px', border: '1px dashed'
});$('#btAdd').click(function() {
if (iCnt <= 19) {
 
iCnt = iCnt + 1;
 
// Añadir caja de texto.
$(container).append('<div class="item form-group">\n\
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Con Que?<span class="required">*</span></label>\n\
<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 + ' ' +
'value="¿Con qué?' + iCnt + '" />\n\Seleccione Archivo:<INPUT type="file" name="archivo" size="30" id=tb' + iCnt + ' ' +
'value="¿Con qué?' + iCnt + '"></div></div>');
 
if (iCnt == 1) {
 
var divSubmit = $(document.createElement('div'));
//$(divSubmit).append('<input type=button class="bt" onclick="GetTextValue()"' +
//'id=btSubmit value=Enviar />');
 
}
 
$('#main').after(container, divSubmit);
}
else { //se establece un limite para añadir elementos, 20 es el limite
 
$(container).append('<label>Limite Alcanzado</label>');
$('#btAdd').attr('class', 'bt-disable');
$('#btAdd').attr('disabled', 'disabled');
 
}
});
 
$('#btRemove').click(function() { // Elimina un elemento por click
if (iCnt != 0) { $('#tb' + iCnt).remove(); iCnt = iCnt - 1; }
 
if (iCnt == 0) { $(container).empty();
 
$(container).remove();
$('#btSubmit').remove();
$('#btAdd').removeAttr('disabled');
$('#btAdd').attr('class', 'bt')
 
}
});
 
$('#btRemoveAll').click(function() { // Elimina todos los elementos del contenedor
 
$(container).empty();
$(container).remove();
$('#btSubmit').remove(); iCnt = 0;
$('#btAdd').removeAttr('disabled');
$('#btAdd').attr('class', 'bt');
 
});
});
 

y este es mi boton para enviar el formulario

Código PHP:

<span class="section"></span>
                       <div class="ln_solid"></div>
                      <div class="form-group">
                        <div class="col-md-6 col-md-offset-3">
                          <button type="submit" class="btn btn-primary">Cancel</button>
                          <button id="send" type="submit" class="btn btn-success">Submit</button>
                        </div>
                      </div>
 

[hhs]

Amigo esto lo debes de preguntar en el foro de javascript

[danilojr007]

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:

$.post("url.php", {variable:valor, variable:valor})
.done(function(data){
alert(data);
console.log(data);
});
 

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