市委组织部项目--js调用后台方法(一)


   由来:对于下载word文档和预览文档,需要根据选中行获取这条记录的文档地址和文档名称,然后点击下载或预览,将需要的参数传到后台调用相应的方法。首先想到的就是通过js获取本行的值,作为参数传递到后台调用下载和预览的方法。


   以下是使用的两种方式调用后台的方法!

 


方法一:


js代码:


<script type="text/javascript">
        //下载
        function btnDownLoad() {
            var row = $(‘#dg‘).datagrid(‘getSelected‘);
            if (row) {
                //选中行的id,文档名称,文档地址
                var id = row.id;
                var name = row.wordName;
                var wordaddress = row.wordAddress;

                //createXMLHTTP(); //创建XMLHttpRequest对象  + "&wordaddress=" + wordaddress
                //var url = "QueryWord.aspx?name=" + name + "&wordaddress=" + wordaddress;

                //js跳转页
                //window.location.href = "QueryWord.aspx?name=" + name;

                //调用后台click方法
                //document.getElementById("btnLoad").click();

                var myurl = "UnitsQueryWord.aspx" + "?" + "name=" + name + "&wordaddress=" + wordaddress;
                document.getElementById("btnLoad").click();

                //var myurl = wordaddress;
                ////当跳转为文档的地址时,即实现下载
                window.location.assign(myurl);


            }
            else {
                alert(‘请选中一条记录进行修改‘);
                return;
            }
        }        
</script>

后台方法:


protected void btnLoad_Click(object sender, EventArgs e)
        {
            //string tableName = Request.QueryString["tableName"].ToString();
            string name = Request.QueryString["name"].ToString();
            string wordaddress = Request.QueryString["wordaddress"].ToString();           
            //DownloadFile(Server.MapPath("UpLoadWord/2013年度考核办法(2014-2-2修改稿)2.doc"), "2013年度考核办法(2014-2-2修改稿)2.doc");
            //DownloadFile(name,wordaddress);
        }

   

   

    这种方法未能实现,原因是这两条语句(

 var myurl = "UnitsQueryWord.aspx" +"?" + "name=" + name + "&wordaddress=" +wordaddress;

    document.getElementById("btnLoad").click();

)单独使用均没有问题但一起使用后台就获取不到前台传过去的值。如上图,如果将click事件去掉,点击下载时,参数已经在浏览器中显示。但是当加上click语句,相当于刷新一次界面,而我们知道窗体首次加载时肯定是无参数值的,所以后台会一直获取不到值,提示:未将对象引用到对象实例!

 

方法二:

 

js代码:


<script type="text/javascript"> 
//预览
function btnPreView() {
            var row = $(‘#dg‘).datagrid(‘getSelected‘);
            if (row) { 
				     //文档地址
                var wordaddress = row.wordAddress;
                var s = ‘<%=WordToHtml2("‘ + wordaddress + ‘") %>‘;
            }
        }
</script>

后台代码:

 

public string WordToHtml2(string  wordFileName)
        {
            if (wordFileName == null || wordFileName == "")
            { 
                string HtmlPath = WordToHtml(Server.MapPath(wordFileName));
                string rePath = HtmlPath.Substring(HtmlPath.IndexOf("UpLoadWord\\") + 11, HtmlPath.Length - HtmlPath.IndexOf("UpLoadWord\\") - 11);
                Response.Redirect("UpLoadWord/" + rePath);
                return "1";
            }
            return "2";
        }

      




    这种方法一般在有返回值时使用,如上的代码最终js代码中的变量s的值为2,也就是直接给我们结果(如上第一张图结果为“2”)。而且这个方法并不是触发什么事件时执行,而是窗体一旦加载就执行这个方法( var s =‘<%=WordToHtml2("‘ + wordaddress + ‘") %>‘;

)因为窗体加载时wordAddress并没有值,固导致直接判断wordFileName是否等于wordAddress。

而且当我们加载完后点击“预览html”按钮时s的值已经为2。固这种方法仍不能满足要求!

 

总结:


   js调用后台的方法有多种,上面只是针对其中两种进行解释说明。当我们在网上搜的时候会看到多种方法,但是我们并不知道它是怎么实现的,只有自己真正使用,调试时才会真正了解它,如果我们对方法的实现不是很了解,那么就可能出现在这种情况下可以实现,在另一种情况下就不能实现而自己还不知道为什么。所以我们在学习时不能只想着功能的实现,而要真正理解它,那么这个知识才是自己的!

 

 



市委组织部项目--js调用后台方法(一),古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。