Estoy enviando un dato via jQuery a un controlador MVC de la siguiente manera:
$(document).ready(function () {
$("#submit").click(function(e) {
e.preventDefault();
var dui = $("#inputText1").val('');
var lastname = $("#inputText2").val('');
var name = $("#inputText3").val('');
var country = $("#inputText4").val('');
var DUI = $("#inputText5").val('');
var ISSS = $("#inputText6").val('');
var datos = {
id : $("#inputText1").val()
};
$.ajax({
url: "/Home/PruebaHTML",
type: "POST",
data: datos,
beforeSend: function () {
$("#resultado").html("Procesando, espere por favor...");
},
success: function (data) {
if (data.respuesta == "OK")
alert("Muy Bien");
$('#myTable tbody').append('<tr><td for="dui">' + dui + '</td><td for="lastname">' + lastname + '</td><td for="name">' + name + '</td><td>' + country + '</td><td for="DUI">' + DUI + '</td><td for="ISSS">' + ISSS + '</td><td><a href="#" id="select">Modificar</a></td></tr>');
$("#inputText1").val('');
$("#inputText2").val('');
$("#inputText3").val('');
$("#inputText4").val('');
$("#inputText5").val('');
$("#inputText6").val('');
$('#inputText1').focus();
},
error: function (xhr, status) {
alert('Disculpe, existió un problema');
},
// código a ejecutar sin importar si la petición falló o no
complete: function (xhr, status) {
alert('Petición realizada');
}
});
como pueden ver en caso la funcion success reciba un "OK" entonces quiero agregar a una tabla HTML los registros que almacene en variables javacript
var dui = $("#inputText1").val('');
var lastname = $("#inputText2").val('');
var name = $("#inputText3").val('');
var country = $("#inputText4").val('');
var DUI = $("#inputText5").val('');
var ISSS = $("#inputText6").val('');
y esta es la tabla que utilizo
<div class="table-responsive">
<table class="table table-striped table-bordered table-condensed" id="myTable" style="width:90%; margin:0 auto;">
<thead>
<tr>
<th>ID</th>
<th>Last Name</th>
<th>Username</th>
<th>Nivel</th>
<th>DUI</th>
<th>ISSS</th>
<th></th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
pero no me carga los datos, yo no quiero hacer ninguna llamada a la base de datos para cargar la tabla simplemente si el controlador a traves de jQuery logo ingresar los datos pues agrego los valores de los inputs en la tabla HTML...nada de base de datos para poblar la tabla, pueden ayudarme por favor, aqui les dejo la imagen de lo que la tabla me muestra al ejecutar la funcion success
imagen de lo que me aparecece en consola