Guest User

Untitled

a guest
Jun 23rd, 2018
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.32 KB | None | 0 0
  1. [HttpPost]
  2. public ActionResult AddUser(string UserName, string Email, string Password)
  3. {
  4. var user = new UserModel();
  5.  
  6. user.UserName = UserName;
  7. user.Email = Email;
  8. user.Password = Password;
  9.  
  10. return Json(user, JsonRequestBehavior.AllowGet);
  11. }
  12.  
  13. public class UserModel
  14. {
  15. public int ID { get; set; }
  16. public string UserName { get; set; }
  17. public string Email { get; set; }
  18. public string Password { get; set; }
  19.  
  20. }
  21.  
  22. @{
  23. ViewBag.Title = "Home Page";
  24. }
  25.  
  26. @model AjaxTut.Models.UserModel
  27.  
  28. <div class="row">
  29. <div class="col-md-8 col-lg-offset-4">
  30. <h2>Add User</h2>
  31. <br />
  32.  
  33. <span>User Name: </span> @Html.TextBoxFor(x => x.UserName, new { @class = "form-control" })<br />
  34. <span>Email: </span> @Html.TextBoxFor(x => x.Email, new { @class = "form-control" })<br />
  35. <span>Password: </span> @Html.TextBoxFor(x => x.Password, new { @class = "form-control" })<br />
  36. <p><a class="btn btn-default" onclick='SaveUser()'>Save</a></p> <br /><br /><br />
  37. </div>
  38. </div>
  39.  
  40. <div class="row">
  41. <div class="col-md-8 col-lg-offset-3">
  42. <h2>New User List</h2>
  43. <table id="myTable" class="table-striped">
  44. <tr>
  45. <th>User Name</th>
  46. <th>Email</th>
  47. <th>Password</th>
  48. </tr>
  49. </table>
  50.  
  51. </div>
  52. </div>
  53.  
  54. <style>
  55. #myTable tr th {
  56. color: white;
  57. width: 300px;
  58. height: 40px;
  59. text-decoration: solid;
  60. background-color: yellowgreen;
  61. padding: 10px;
  62. }
  63. </style>
  64.  
  65. <script>
  66. function SaveUser() {
  67. var userName = $("#UserName").val();
  68. var email = $("#Email").val();
  69. var password = $("#Password").val();
  70.  
  71. $.ajax({
  72. type: "POST",
  73. ur: "Home/AddUser",
  74. data: JSON.stringify({ UserName: userName, Email: email, Password: password }),
  75. contentType: "application/json",
  76.  
  77. success: function (result) {
  78. $("#myTable").append("<tr><td>" +
  79. result.UserName + "</td><td>" +
  80. result.Email + "</td><td>" +
  81. result.Password + "</td></tr>");
  82.  
  83. $("#UserName").val("");
  84. $("#Email").val("");
  85. $("#Password").val("");
  86. }
  87. })
  88. }
  89. </script>
Add Comment
Please, Sign In to add comment