VBNETAjaxPost | C# Online Compiler

VBNETAjaxPost by Shinano

Imports System
Imports System.ComponentModel.DataAnnotations

Namespace HelloWorldMvcApp

	Public Class SampleViewModel

	End Class

	Public Class DataManager
	Public Property user_name As String
		Public Property is_admin As Boolean
	End Class 

End Namespace

Model

​x
 
Imports System
Imports System.ComponentModel.DataAnnotations
​
Namespace HelloWorldMvcApp
​
    Public Class SampleViewModel
​
    End Class
​
    Public Class DataManager
    Public Property user_name As String
        Public Property is_admin As Boolean
    End Class 
​
End Namespace
​

@ModelType HelloWorldMvcApp.SampleViewModel

@Code
	Layout = Nothing
End Code

<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->

<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Bootstrap 101 Template</title>

	<!-- CSS Includes -->
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
	<style type="text/css">

		.field-validation-error {
			color: #ff0000;
		}

	</style>
	</head>
	<body>
		<div class="container">
			<div class="col-md-6 col-md-offset-3">
<h3>Send POST Request</h3>

			@Using (Html.BeginForm())
					@<div class="form-group">
						
					</div>

	@<button type="button" id="btn-valid" class="btn btn-success submit">Validate</button>

			End Using

				<br/><br/>

			</div>
			
			
			</div>
		</div>

		<!-- JS includes -->
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

		<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
		<script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
		<script type="text/javascript">
			$(function(){
			$("#btn-valid").click(function () {
					console.log("Triggered");
        			var user = {
            			user_name: "test",
            			is_admin: true
        			};
						
					$.post("@Url.Action("GetData", "Home")", user, function (data)
        			{
						console.log(data);
            			alert("data sent !! "+ data.user_name);
        			},'json')
 					 .fail(function() {
    						alert( "error" );
 				    });
				});
			});
		</script>
	</body>
</html>

View

 
@ModelType HelloWorldMvcApp.SampleViewModel
​
@Code
    Layout = Nothing
End Code
​
<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->
​
<html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
​
    <!-- CSS Includes -->
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <style type="text/css">
​
        .field-validation-error {
            color: #ff0000;
        }
​
    </style>
    </head>
    <body>
        <div class="container">
            <div class="col-md-6 col-md-offset-3">
<h3>Send POST Request</h3>
​
            @Using (Html.BeginForm())
                    @<div class="form-group">
                        
                    </div>
​
    @<button type="button" id="btn-valid" class="btn btn-success submit">Validate</button>
​
            End Using
​
                <br/><br/>
​
            </div>
            
            
            </div>
        </div>
​
        <!-- JS includes -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
​
        <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
        <script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
        <script type="text/javascript">
            $(function(){
            $("#btn-valid").click(function () {
                    console.log("Triggered");
                    var user = {
                        user_name: "test",
                        is_admin: true
                    };
                        
                    $.post("@Url.Action("GetData", "Home")", user, function (data)
                    {
                        console.log(data);
                        alert("data sent !! "+ data.user_name);
                    },'json')
                     .fail(function() {
                            alert( "error" );
                    });
                });
            });
        </script>
    </body>
</html>
​

Imports System
Imports System.Web.Mvc
Imports System.Collections.Generic

Namespace HelloWorldMvcApp
	Public Class HomeController
		Inherits System.Web.Mvc.Controller

		<HttpGet> _
		Function Index() As ActionResult
			Return View(New SampleViewModel)
		End Function

		<HttpPost()>
    Function GetData(p As DataManager) As JsonResult
        'Dim user As New User
        'user.user_name = puser.user_name
        'user.isadmin = puser.is_admin
		If p IsNot Nothing Then
			Console.WriteLine(p.user_name)
		End If
		
        Dim x As New List(Of DataManager)
        x.Add(p)
        Return Json(p, JsonRequestBehavior.AllowGet)
    End Function

	End Class
End Namespace

Controller

 
Imports System
Imports System.Web.Mvc
Imports System.Collections.Generic
​
Namespace HelloWorldMvcApp
    Public Class HomeController
        Inherits System.Web.Mvc.Controller
​
        <HttpGet> _
        Function Index() As ActionResult
            Return View(New SampleViewModel)
        End Function
​
        <HttpPost()>
    Function GetData(p As DataManager) As JsonResult
        'Dim user As New User
        'user.user_name = puser.user_name
        'user.isadmin = puser.is_admin
        If p IsNot Nothing Then
            Console.WriteLine(p.user_name)
        End If
        
        Dim x As New List(Of DataManager)
        x.Add(p)
        Return Json(p, JsonRequestBehavior.AllowGet)
    End Function
​
    End Class
End Namespace
​

View in Full Screen

View IL Code