.NET Fiddle

CSharp · Mvc

Model

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	
}

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>

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);
			}
		}

		
	}
}