从MVC视图通过Javascript调用控制器并返回Json结果

Question

我正在使用MVC4中的单页应用程序。我有一个下拉框。当我选择该下拉框时，onchange事件将触发调用一些JavaScript。

我需要JavaScript来调用控制器，并让控制器返回一些数据的JSON结果（我知道如何获取数据）。任何人都可以帮我找到一个基本的框架？

Answer 1

线了的onchange JavaScript事件到您选择的元素

在对的onchange事件功能，AJAX已经从选择元素发送值到控制器。

在控制器/操作方法中，根据值做你的工作，然后准备json数据（也许是序列化？）然后返回它。

在ajax调用的成功部分，解析或以其他方式使用返回的json数据。

Answer 2

在你的控制器构造

：

define('_IS_AJAX', isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) === 'xmlhttprequest'); 

加载前视图检查_IS_AJAX变量：

if(_IS_AJAX) { 
    //echo json_encode(data you want to return); 
} else { 
    // load view normally 
} 

在视图（使用jQuery）

$('#dropdownid').change(function() { 
    $.ajax({ 
     url: requesturl, //your controller URL 
     dataType: 'json', 
     success: function(response) { 
      //Do stuff with data 
      } 
     }, 
     error: function(request, error, errormessage) { 
      $("#error").html(error + '\n' + errormessage); 
     } 
    }); 
});