C# Online Compiler | .NET Fiddle

<no name> by Anonymous

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	
}

Model

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

@{
	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">
	<title>Bootstrap 101 Template</title>

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

  </head>
  <body>
	  <div class="container">
		  <div class="col-md-6 col-md-offset-3">
			  <h1>Quizmaster</h1>
			<p>Click Start when you are ready to take the quiz</p>  
			  @*@using (Html.BeginForm())
			  {
				<button id="start" type="button" class="btn btn-success submit">Start</button>
			}*@
			  <input type='button' value='Start' id='start' class="btn btn-success submit">
			  
			 <div class="form-group">
				 <div id ="result">
					 
				 </div>
				 
				 <div id ="target" class="target">
				
				</div>
		  </div>
		  </div>
	  </div>
	   

	  <!-- JS includes -->
	  <script src="https://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="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
	  <script src="http://ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
	  
	  <script type="text/javascript">

	  	$(function () {
	  		$('#start').click(function () {
	  			$.ajax({
	  				
		  				url: '@Url.RouteUrl(new{ action="CallQuizsterApp", controller="QuizApp"})',
		  				//data: dataObjJson,
		  				type: 'GET',
		  				dataType: 'json',
		  				contentType: "application/json; charset=utf-8",
		  				success: function (resp) {
		  					
		  					var arr = resp.split(':');
		  					
		  					$('#result').empty().append($('<div>', {
		  						text: arr[0].replace('{','')
		  					}));
		  					
		  					$('#target').click(function () {
		  						$('#target').show();
		  						$('#result').empty().append($('<div>', {
		  							text: arr[1].replace('}', '')
		  						}));
		  						
		  						$("#start").prop('value', 'Next Question');
		  					});
		  					
		  				}
		  			});
				 
		  	});

	  		$('#start').click(function () {
				$('#target').empty().append('<p>Click here to view Answer:</p>');
	  		});
	  		
	  		
	  	});
	  	
		</script>
  </body>
</html>

View

 
@{
    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">
    <title>Bootstrap 101 Template</title>
​
    <!-- CSS Includes -->
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
​
  </head>
  <body>
      <div class="container">
          <div class="col-md-6 col-md-offset-3">
              <h1>Quizmaster</h1>
            <p>Click Start when you are ready to take the quiz</p>  
              @*@using (Html.BeginForm())
              {
                <button id="start" type="button" class="btn btn-success submit">Start</button>
            }*@
              <input type='button' value='Start' id='start' class="btn btn-success submit">
              
             <div class="form-group">
                 <div id ="result">
                     
                 </div>
                 
                 <div id ="target" class="target">
                
                </div>
          </div>
          </div>
      </div>
       
​
      <!-- JS includes -->
      <script src="https://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="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
      <script src="http://ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
      
      <script type="text/javascript">
​
        $(function () {
            $('#start').click(function () {
                $.ajax({
                    
                        url: '@Url.RouteUrl(new{ action="CallQuizsterApp", controller="QuizApp"})',
                        //data: dataObjJson,
                        type: 'GET',
                        dataType: 'json',
                        contentType: "application/json; charset=utf-8",
                        success: function (resp) {
                            
                            var arr = resp.split(':');
                            
                            $('#result').empty().append($('<div>', {
                                text: arr[0].replace('{','')
                            }));
                            
                            $('#target').click(function () {
                                $('#target').show();
                                $('#result').empty().append($('<div>', {
                                    text: arr[1].replace('}', '')
                                }));
                                
                                $("#start").prop('value', 'Next Question');
                            });
                            
                        }
                    });
                 
            });
​
            $('#start').click(function () {
                $('#target').empty().append('<p>Click here to view Answer:</p>');
            });
            
            
        });
        
        </script>
  </body>
</html>
​

using System;
using System.IO;

using System.Net;
using System.Web.Mvc;


namespace Mvc4TestBed.Controllers
{

	public class QuizAppController : Controller
	{

		public ActionResult Index()
		{
			return View();
			
		}

		public ActionResult CallQuizsterApp()
		{
			var random = new Random().Next(0, 10);
			string baseUrl = "http://quizster.aws.af.cm/quiz/" + random;
			var request = (HttpWebRequest)WebRequest.Create(baseUrl);
			request.Method = "GET";
			request.ContentType = "application/json charset=utf-8";

			using (var httpResponse = (HttpWebResponse)request.GetResponse())
			{
				string responseValue = null;
				using (var responseStream = httpResponse.GetResponseStream())
				{
					if (responseStream != null)
					{
						using (var responseReader = new StreamReader(responseStream))
						{
							responseValue = responseReader.ReadToEnd();
						}
					}
				}

				//return Json(responseValue, JsonRequestBehavior.AllowGet);
				return Json(responseValue, JsonRequestBehavior.AllowGet);
			}
		}

		
	}
}

Controller

 
using System;
using System.IO;
​
using System.Net;
using System.Web.Mvc;
​
​
namespace Mvc4TestBed.Controllers
{
​
    public class QuizAppController : Controller
    {
​
        public ActionResult Index()
        {
            return View();
            
        }
​
        public ActionResult CallQuizsterApp()
        {
            var random = new Random().Next(0, 10);
            string baseUrl = "http://quizster.aws.af.cm/quiz/" + random;
            var request = (HttpWebRequest)WebRequest.Create(baseUrl);
            request.Method = "GET";
            request.ContentType = "application/json charset=utf-8";
​
            using (var httpResponse = (HttpWebResponse)request.GetResponse())
            {
                string responseValue = null;
                using (var responseStream = httpResponse.GetResponseStream())
                {
                    if (responseStream != null)
                    {
                        using (var responseReader = new StreamReader(responseStream))
                        {
                            responseValue = responseReader.ReadToEnd();
                        }
                    }
                }
​
                //return Json(responseValue, JsonRequestBehavior.AllowGet);
                return Json(responseValue, JsonRequestBehavior.AllowGet);
            }
        }
​
        
    }
}
​

View in Full Screen

View IL Code