当前位置：编程学习 > JS >>

.Net MVC3 中前台异步获取json数据的实例(1)

在mvc3中，最让人称道的当然还是路由的方便与先进之处，类似于java中的mvc，加载每一个页面（包括首页），都要先运行该页面对应的后台controller，处理页面的初始化数据（mvc中的数据传递问题这里不再讲述）、域名读取、权限操作等，然后返回相应的页面。本篇文章讲述如何从mvc的前台页面中异步获取后台的json数据。


1.建一个mvc3的项目，取名叫MVC3Test（事先安装mvc3 version：1.13.113.0）




2.修改About.cshtml,如下代码


About.cshtml 

@{
    ViewBag.Title = "About Us";
}
<script type="text/javascript">
    $(function () {
        $.ajax({
            url: "/Home/GetSchools",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: "{}",
            dataType: "json",
            success: function (data) {
                $("#sltSchool").empty();
                $("#sltSchool").html(data);
            },
            error: function ErrorCallback(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown + ":" + textStatus);
            }
        });
        // Get the departments depend on the school
        $("#sltSchool").change(function () {
            GetDepartments($("#sltSchool").val());
        });
    });

    function GetDepartments(sId) {
        $.ajax({
            url: "/Home/GetSecondCatalog",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: "{schoolId:"+sId+"}",
            dataType: "json",
            success: function (data) {
                $(#sltDepartment).empty();
                $(#sltDepartment
补充：Web开发 , ASP.Net ,
上一个：asp.net MVC中使用自定义HtmlForm控件动态生成表单
下一个：asp.net mvc + ExtJs 实现无限级TreePanel 加载、添加、编辑、删除
更多图片编程知识:

  
更多JS疑问解答：
几个验证11位手机号码格式的js代码
js把图片转换成 base64代码
js把base代码转换成图片
JS 将 base64编码的图片转化为图片文件
js中的定时器
js如何获得FCKeditor控件的值
用js限制投票的cookie .目前设置的为：<input type="" class="" onclick="'window.location...
JS验证，这块“牛皮”反复修改都不能实现
在JS中使用DOM模型
如何用JS 获取本地文件夹的文件列表
js中new 了两个Object数组。怎么样将数组内容合并，重复的内容？
求实现自动生成图片缩略图的JS代码
JS脚本网页问题
js，代码中"object"和"Object"区别？
js+flash实现网页图片切换效果，出现边框，单击激活此控件。
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络，