ASP.NET MVC보기에서 변수 업데이트

Question

나는이 문자열 변수 호출이 "상태"이며, 이는 내가 만든 직렬 포트 연결에 의해 업데이트됩니다. u가 직렬 포트에 연결되어 있는지 여부는 "상태"표시입니다. 간단한 2 버튼보기를 만들었습니다. 하나는 연결을 열고 다른 하나는 연결을 닫습니다. 보기 내부의 연결 상태를 자동으로 업데이트 할 수 있어야합니다.

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     return View(); 
    } 

    [HttpPost] 
    public JsonResult CheckStatus() 
    { 
    return Json(new { status = "active" }); 
    } 
} 

:

이 내 HomeController입니다 .. 내가 내가 "상태"모든 주어진 시간 안에 문자열을 표시 타이머의 어떤 종류를 사용해야 할 것 같아요,하지만 난 그것을 수행하는 방법에 대한 단서가 없다

은이 제도이다 :

<script type="text/javascript"> 
$(function() { 
    // poll every 5 seconds 
    setInterval('checkStatus()', 5000); 
} 

function checkStatus() { 
    $.ajax({ 
     url: 'Home/CheckStatus', 
     type: 'POST', 
     dataType: 'json', 
     success: function(xhr_data) { 
      if(xhr_data.status == 'active') { 
       // this would just disable the "Open" button 
       $('#btnOpen').attr('disabled', 'disabled'); 
      } 
     } 
    }); 
} 

Answer 1

난 당신이 jQuery를 사용하여 가정거야, 당신은 컨트롤러 액션 일을 가지고 시는 다음과 같습니다 : 당신이 장소에서 폴링 메커니즘이 필요한 것처럼

[HttpPost] 
public class StatusController : Controller 
{ 
    public JsonResult CheckStatus() 
    { 
     return Json(new { status = "active" }); 
    } 
} 

그런 다음보기에서 소리 다음 스크립트

<script type="text/javascript"> 
    $(function() { 
     // poll every 5 seconds 
     setInterval('checkStatus()', 5000); 
    } 

    function checkStatus() { 
     $.ajax({ 
      url: 'Status/CheckStatus', 
      type: 'POST', 
      dataType: 'json', 
      success: function(xhr_data) { 
       if(xhr_data.status == 'active') { 
        // this would just disable the "Open" button 
        $('#btnOpen').attr('disabled', 'disabled'); 
       } 
      } 
     }); 
    } 
</script>