MVC 原生态的AJAX的应用

来源:互联网 发布:微信公众号商城源码 编辑:程序博客网 时间:2024/04/30 14:12

首先我们先创建一个控制器然后我们在视图中写上以下代码

<script type="text/javascript">

    function createXMLHTTPRequest() {
        //1.创建XMLHttpRequest对象
        //这是XMLHttpReuquest对象无部使用中最复杂的一步
        //需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码
        var xmlHttpRequest;
        if (window.XMLHttpRequest) {
            //针对FireFox,Mozillar,Opera,Safari,IE7,IE8
            xmlHttpRequest = new XMLHttpRequest();
            //针对特定版本的浏览器的BUG进行修正
            if (xmlHttpRequest.overrideMimeType) {
                xmlHttpRequest.overrideMimeType("text/xml");
            }
        } else if (window.ActiveXObject) {
            var activexName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
            for (var i = 0; i < activexName.length; i++) {
                try {
                    //取出一个控件名进行创建,如果创建成功就终止循环
                    //如果创建失败,回抛出异常,然后可以继续循环,继续尝试创建
                    xmlHttpRequest = new ActiveXObject(activexName[i]);
                    if (xmlHttpRequest) {
                        break;
                    }
                } catch (e) {
                }
            }
        }
        return xmlHttpRequest;
    }
    function fun1(did) {
        var req = createXMLHTTPRequest();
        if (req) {
            req.open("POST", "/Home/Del", true);//路径
            req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=gbk;");
            req.send("Uid="+did+"");//POST 给后台的值
            req.onreadystatechange = function () {
                if (req.readyState == 4&&req.status == 200) {
                    var result = req.responseText;//获取后台返回来的值
                    if(parseInt(result)>0)//判断是否删除成功
                    {
                        alert("删除成功");
                        location.href="/Home/Index";
                    }
                    else
                    {
                        alert("删除失败");
                        location.href="/Home/Index";
                    }
                }
            }
        }
    }

</script>

注意事项


0 0