利用Ajax实现前端与.net后端实现数据交互

使用场景和需求：用户在地址栏输入请求地址，先.net服务器发送页面请求，该页面包含Echart图表，在页面中向.net后端发送数据请求，获取数据后，将数据填充到Echart图表中。其中包含带参与不带参的请求方式。

不带参数的请求例子。

假设用户访问的URI为/HomeEx/ResidentEndowment。

1、新建一个名为HomeEx的Controler,在Controler中定义返回页面的方法。





2、在View文件夹下，新建HomeEx文件夹添加ResidentEndowment的页面。







3、定义Echart图表出现的空间，初始化Echart图表。





4、页面中定义数据请求函数。



5、在HomeExControler中添加返回数据的方法。



结果：



带参数的请求例子。

1-3步大致相同，第4步中在页面定义的数据请求函数有所不同。

只带一个参数的请求。



带两个或以上参数的请求。



在Controler中添加返回数据的方法。