前端设计

JS调用CS里的带参方法

2014-03-28

js调用CS里的方法有很多,我用一种简单的方法,如下

CS里

 

  1. public string test()  
  2.  {  
  3.     return "Hello World";  
  4.  }  

 

aspx 页面

 

  1. <html xmlns="http://www.w3.org/1999/xhtml">  
  2. <head runat="server">  
  3.     <title>无标题页</title>  
  4.     <mce:script type="text/javascript" ><!--  
  5.      var demo=function(){  
  6.        var b= "<%=test() %>";  
  7.        alert(b);  
  8.        }  
  9.       
  10. // --></mce:script>   
  11. </head>  
  12. <body>  
  13.     <form id="form1" runat="server">  
  14.     <div>  
  15.         <input type="button" id="id1" onclick="demo()" value="JS调用CS" />  
  16.     </div>  
  17.     </form>  
  18. </body>  
  19. </html>  

 

 

上面的是不带参数的,要是后台CS里方法带参数就要注意了。。

CS:

 

  1. public string test(string a)  
  2.  {  
  3.     return a;  
  4.  }  

 

aspx:

 

 

  1. <html xmlns="http://www.w3.org/1999/xhtml">  
  2. <head runat="server">  
  3.     <title>无标题页</title>  
  4.     <mce:script type="text/javascript" ><!--  
  5.      var demo=function(){  
  6.        var a="Hello World";  
  7.        var b= '<%=test("'+a+'") %>';//这里一定注意单引号和双引号的使用!!!!!   
  8.        alert(b);  
  9.        }  
  10.       
  11. // --></mce:script>   
  12. </head>  
  13. <body>  
  14.     <form id="form1" runat="server">  
  15.     <div>  
  16.         <input type="button" id="id1" onclick="demo()" value="JS调用CS" />  
  17.     </div>  
  18.     </form>  
  19. </body>  
  20. </html>  

 

 

总结:带参数的调用'<%=test("'+a+'") %>' 一定要用单引号包起'<%=%>',里面再是双引号。这点是关键,否则

调用不成功!万恶的单引号和双引号啊!!!