Call-MVC-Fetch | C# Online Compiler

Call-MVC-Fetch by Deebu Jacob

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class SampleViewModel
	{
		
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class SampleViewModel
    {
        
    }
}

@model HelloWorldMvcApp.SampleViewModel
@{
	Layout = null;
}

<!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">
		<!-- CSS Includes -->
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
	</head>
	
	<body>
	<div class="container">
			<br/>
			<input type="button" value="Get Results" onclick="getResults()" class="btn btn-primary"/>
			<br/>
			<div class="form-group">
  				<label for="usr">Response:</label>
  				<textarea  id="txtResponse"  class="form-control"></textarea>
			</div>
			
	</div>
			<script>
				function getResults(){
					fetch('@Url.RouteUrl(new{ action="GetResults", controller="Home"})', {
						method: 'POST',
						headers: {
						'Accept': 'application/json',
						'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
						},
						credentials: 'include',
						body: "token=pass-some-data"
					})	
				.then(blob=> blob.json())
				.then(data => {
					document.getElementById("txtResponse").value =JSON.stringify(data);
				});
			}
			
			</script>
	</body>
</html>

View

 
@model HelloWorldMvcApp.SampleViewModel
@{
    Layout = null;
}
​
<!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">
        <!-- CSS Includes -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    </head>
    
    <body>
    <div class="container">
            <br/>
            <input type="button" value="Get Results" onclick="getResults()" class="btn btn-primary"/>
            <br/>
            <div class="form-group">
                <label for="usr">Response:</label>
                <textarea  id="txtResponse"  class="form-control"></textarea>
            </div>
            
    </div>
            <script>
                function getResults(){
                    fetch('@Url.RouteUrl(new{ action="GetResults", controller="Home"})', {
                        method: 'POST',
                        headers: {
                        'Accept': 'application/json',
                        'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
                        },
                        credentials: 'include',
                        body: "token=pass-some-data"
                    })  
                .then(blob=> blob.json())
                .then(data => {
                    document.getElementById("txtResponse").value =JSON.stringify(data);
                });
            }
            
            </script>
    </body>
</html>
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;
using System.Threading.Tasks;
using Newtonsoft.Json.Linq;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpPost]
		public async Task<JObject> GetResults(string token)
		{
			JObject json = JObject.Parse("{myDate:1,token:\""+token+"\"}");
			return json;
		}

		[HttpGet]
		public ActionResult Index()
		{
			return View(new SampleViewModel());
		}
		
	}

}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
using System.Threading.Tasks;
using Newtonsoft.Json.Linq;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpPost]
        public async Task<JObject> GetResults(string token)
        {
            JObject json = JObject.Parse("{myDate:1,token:\""+token+"\"}");
            return json;
        }
​
        [HttpGet]
        public ActionResult Index()
        {
            return View(new SampleViewModel());
        }
        
    }
​
}

View in Full Screen

View IL Code