mvc5中Ajax帮助器,MVC5的Controller与AJAX（JQ）

先说下AJAX，异步数据传输。它不是一个东西，而是一种技术(效果)。可以通过不同的方式来实现，比如js手工，比如JQ调用方法，还比如更高一级的封装再调用。用到的也是HTTP REST方法。下面用的是JQ的Get()方法。

mvc5的访问规则是按照RouteConfig中规定的URL格式来访问。如：

url: "{controller}/{action}/{id}";

它会先去寻找对应名字的Controller，当然不算后缀“Controller”。然后通过Controller里有没有action的同名方法，若有，则执行。没有就访问未知。

普通的mvc5包含视图控制器，继承于Controller。它既能控制界面层访问，也能控制数据访问，不过没人这么玩儿。只拿它做界面视图的映射。

public class XXXXXController : Controller//“XXXXX”就是控制器的名字，当然文件名后面还要加上Controller。

而我们需要与界面进行数据交互、ajax。肿么办？当然网上神马资料的都是说用models，controllers肿么肿么用。太复杂。。。。我们使用ajax与webapi。

我们只需要在建立mvc5项目的时候，给它把webAPI勾上。干嘛的呢？专门做数据访问的API的。URL访问方式在WebApiConfig文件里面就能看到，也可以和RouteConfig一样自己修改访问方法。看看我自建TestWebApi类的定义：

public class TestWebApiController : ApiController

webapi 的控制器是继承于“ApiController”的，他和RouteConfig一样，都有支持默认的REST方法。通过URL访问这些方法的时候，会根据你的请求类型自动解析，而不用带上方法名。

但是默认的方法不好用，我想自己定义方法。就要用上标记，一个是动作的名字，一个是相应的请求类型。不标记就不会被访问。

[ActionName("GetPersons")]

[HttpGet]

public string GetPersons()

{

return "test string";

}

注：URL路由是使用的字典匹配而无需同名，所以取名要谨慎。有同名前缀神马的，一定要小心。如有个一方法叫Get()；

这样一个web api就做好了，接着需要的就是被访问了。转到界面上，我的js代码：

$.getJSON("http://localhost:XXXX/api/[ControllerName]/[CustomerAction]", [Args], function (data) {

SetText(data);

} );

按照WebApiConfig的访问规则完成URL，根据你需要访问的Action有无方法，来确定Args是空还是有。若有，则可以用Object类实例化一个对象，不管你是一个参数，还是几个。设置Object对象与你Action方法的同名属性的值，将这个Object对象当作参数传过去就行了。如我有与一个叫key的参数：

var object = new Object();

object.key = "23w23232323";

JQ的get方法第三个参数就是成功需要回调的函数，而且是函数体，不能传函数名。如果想要回调某个已经编写好的函数，则定义一个匿名函数，在其中调用你想要调用的方法，如上面代码所示。参数就是访问的webAPI方法的返回值，随便定义变量明。

接着就是拿到数据控制显示的事了。。那是另一个故事了。