AJAX - Ajax in Visual Studio 2013 undefined

 
Vista:
Imágen de perfil de Jhon Jairo
Val: 7
Ha aumentado 1 puesto en AJAX (en relación al último mes)
Gráfica de AJAX

Ajax in Visual Studio 2013 undefined

Publicado por Jhon Jairo (4 intervenciones) el 23/06/2018 00:17:49
Hola, uso VS 2013, tengo una tabla que debería mostrar los datos de un formulario, pero muestra undefined
HomeController
1
2
3
4
5
6
7
8
9
10
11
[HttpPost]
        public ActionResult AddUser(string UserName, string Email, string Password)
        {
            var user = new UserModel();
 
            user.UserName = UserName;
            user.Email = Email;
            user.Password = Password;
 
            return Json(user, JsonRequestBehavior.AllowGet);
        }

UserModel
1
2
3
4
5
6
7
8
public class UserModel
    {
        public int ID { get; set; }
        public string UserName { get; set; }
        public string Email { get; set; }
        public string Password { get; set; }
 
    }

Index
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
@{
    ViewBag.Title = "Home Page";
}
 
@model AjaxTut.Models.UserModel
 
<div class="row">
    <div class="col-md-8 col-lg-offset-4">
        <h2>Add User</h2>
        <br />
 
        <span>User Name: </span> @Html.TextBoxFor(x => x.UserName, new { @class = "form-control" })<br />
        <span>Email: </span> @Html.TextBoxFor(x => x.Email, new { @class = "form-control" })<br />
        <span>Password: </span> @Html.TextBoxFor(x => x.Password, new { @class = "form-control" })<br />
        <p><a class="btn btn-default" onclick='SaveUser()'>Save</a></p> <br /><br /><br />
    </div>
</div>
 
<div class="row">
    <div class="col-md-8 col-lg-offset-3">
        <h2>New User List</h2>
        <table id="myTable" class="table-striped">
            <tr>
                <th>User Name</th>
                <th>Email</th>
                <th>Password</th>
            </tr>
        </table>
 
    </div>
</div>
 
<style>
    #myTable tr th {
        color: white;
        width: 300px;
        height: 40px;
        text-decoration: solid;
        background-color: yellowgreen;
        padding: 10px;
    }
</style>
 
<script>
    function SaveUser() {
        var userName = $("#UserName").val();
        var email = $("#Email").val();
        var password = $("#Password").val();
 
        $.ajax({
            type: "POST",
            ur: "Home/AddUser",
            data: JSON.stringify({ UserName: userName, Email: email, Password: password }),
            contentType: "application/json",
 
            success: function (result) {
                $("#myTable").append("<tr><td>" +
                result.UserName + "</td><td>" +
                result.Email + "</td><td>" +
                result.Password + "</td></tr>");
 
                $("#UserName").val("");
                $("#Email").val("");
                $("#Password").val("");
            }
        })
    }
</script>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 4
Ha disminuido su posición en 15 puestos en AJAX (en relación al último mes)
Gráfica de AJAX

Ajax in Visual Studio 2013 undefined

Publicado por Ismael (3 intervenciones) el 11/09/2018 22:51:19
Hola, donde te falla?
Si es verdad que indicas que te falla en pintar los datos, pero realmente has validado primeramente si llegan los datos rellenos en los parámetros del actionController?
Si no recoge los parámetros, muchas veces el serializar el data con stringyfy no funciona bien. Con lo que tienes montado, simplemente poniendo en el data exactamente el mismo nombre de parámetro y valor tipo json, como lo estabas haciendo pero sin usar el stringyfy ese te tendría que valer y funcionar correctamente.
Si el problema lo localizas al pintar, puede que estés intentando pintar o evaluar un resultado que aún no ha sucedido, ha lanzado la petición e intenta actualizar con un valor undefined.
Puedes probar a poner en los parámetros del Ajax el async:false

O cambiar el success por el done.
El success se desencadena cuando la solicitud de envío tiene éxito.
El done salta cuando termina el Ajax correctamente.

Espero que te sirva de ayuda.

Un Saludo.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar