js调用后台方法

 最近一直在做一个电话拨号的系统，系统不大，但是做的时间有点长了。其中用到了一个技术：js调用后台方法。解决这个问题花了不少时间，现如今仍然还有些不明白的地方，今天跟大家分享一下。真正明白的同学欢迎指正。
 
 
 
      其实，在vs里面，这种前台调用后台方法还是很常见的，只不过是被vs封装了。
 
 
 
      我们在界面拖一个button，双击后，vs会自动为在前台调用这个button的Click事件，同时在后台生成好这个button的Click方法。
 
 
 
      或者说我们不用vs替我们办这些，我们自己来写，方法当然也很简单：
 
在前台在建立一个按钮，在后台将调用或处理的内容写入button_click中;然后在前台写一个js函数，内容为document.getElementById("btn1").click(); 最后在前台或后台调用js函数，激发click事件，等于访问后台c#函数。
 
我们遇到的都不是上面的情况，而是类似于下面的这种方法：
 
 
 
      后台方法：
 
[csharp] 
public string receiveCall(string strNum)  
{  
   strNum = "小明" + strNum;  
   return strNum;   
}  
 
public string receiveCall(string strNum)
{
   strNum = "小明" + strNum;
   return strNum; 
}
 
      前台js方法：
 
[html]  
function Init()  
{  
  var v = "来电";  
  var s = '<%=receiveCall("'+v+'") %>';  
  alert(s);  
}  
 
 function Init()
 {
   var v = "来电";
   var s = '<%=receiveCall("'+v+'") %>';
   alert(s);
 }
然后在前台调用就可以了。
 
 
 
      我最初写这个方法的时候，程序总是出错。前台在js方法里面写好了调用后台的方法，但是没有调用，结果它仍然会执行。有时候错误出的甚至有点莫名其妙。一会儿能调用一会儿不能调用。
 
 
 
      后来在网上找了半天，看见很多人都将后台方法写成protected，然后我照做了，将Demo里面的后台方法改成protected类型，程序果然就ok了，再没有出现过类似上面的问题。然后我以为找到答案了，可是在系统里面的问题仍然没有解决。
 
 
 
      电话系统里面仍然会出现未调用后台方法，而自己调用的情况。而且这种情况非常不稳定。一些地方未调用执行，一些地方未调用不执行。这个问题我们的解决办法就是将未调用执行的部分去掉，换成用vs里面的AJAX方法实现（牛腩里面讲过，一直没用过，准备下篇博客介绍给大家）。
 
 
 
      这个为问题貌似是解决了，但是新问题有出现了。先看下面图片：
 

 
 
 
 
 
      问题出来了：每当鼠标划到图中[联系我]的时候，弹出框中每次显示的电话号码都是一样的。也就是说，当你划到另一个[联系我]的时候，弹出框的电话号码跟上一次相同。
 
   
 
      分析之后得出结论：
 
 
 
      1、在没有使用js调用后台方法的时候，弹出框显示的信息是正常的；在使用js调用后台方法之后，会出现该问题；
 
 
 
      2、弹出框显示的信息也有规律，每次显示的值是后台默认绑定的值。
 
 
 
      也就是说，上面所说的问题其实并没有解决。在js方法中，在没有调用的情况下，还是偷偷执行了后台方法，而且尽管代码写的是动态绑定，而执行的后台方法却像是变成了一个常量，每次调用，都只执行默认绑定。
 
 
 
      问题分析到这里，也就快结局了。其实之所以会出现这种问题，是跟页面的加载原理有关。由于js是在客户端运行的，页面加载完html页面后，仍然会加载js代码，当加载到调用后台方法部分的时候，就会对后台方法进行调用，也就出现了上面发生的问题。试验一下也能证明，<%=receiveCall()%>在页面绑定的时候就会计算值。加个断点调试一下，结果是，只有在页面刷新时，才会就算<%=receiveCall()%>的值。
 
 
 
      如果要在页面刷新时执行某个函数时用这个方法还可以，也就是说使用autopostback，而这里这么用是多此一举。另外，js解释执行的时候，<%=receiveCall()%>已经赋值，可以看作是常量，因此这时的值不是想象中触发后才执行后台事件。
 
 
 
      到现在问题已经介绍清楚了，依上面所述，类似于<%=receiveCall()%>这样的调用方式，其实也说不上错误。想要正确的使用它，你需要了解页面的加载原理，能够容忍执行的后台方法变成一个常量，你也就可以使用它了。
 
 
 
      本文通过项目中遇到的js调用后台方法的问题，进行了简要的介绍与讲解。有些地方说的也不是很明白，希望大家拍砖斧正。

补充：web前端 , JavaScript ,