jsバックグラウンドコードを呼び出すいくつかの方法

2515 ワード

jsがバックグラウンドコードを呼び出すいくつかの方法:この章ではjavascriptを使用してバックグラウンドコードを呼び出す方法を紹介します.ここではaspのみです.Netを例に挙げます.呼び出し方法1:
<script type="text/javascript">  
var showMethod="<%=show()%>";  
alert(showMethod);  
</script>

以上のコードは、バックグラウンド関数show()の戻り値をポップアップできます.呼び出し方式2:ajax方式、これは比較的よく使われる.フロントjqueryコード:
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>    </title> 
<script type="text/javascript"> 
var params='{ext:"p9hp"}';//  ,                           
  $(function(){
    $("#btnOk").click(function(){
      $.ajax({
        type:"POST",//    
        url:"AjaxDemo.aspx/GetImg",//    :  /    
        data: params,//  
        dataType:"text",  
        contentType:"application/json; charset=utf-8",
        beforeSend:function(XMLHttpRequest){  
        $("#tips").text("              ,   ");
        $("#imgFood").attr("src","image/loading.gif");
      },
      success:function(msg){//  
        $("#imgFood").attr("src",eval("("+msg+")").d);  
        $("#tips").text("      ");
      },
      error:function(obj,msg,e){//  
        alert("OH,NO");
      }               
    });
  });
});
</script>
</head> 
<body>
<form id="form1" runat="server">
  <div>
    <label id="tips"></label>
    <img id="imgFood" />
    <input value="   ,       " type="button" width="35px" id="btnOk"  />
  </div>
</form>
</body>
</html>

もちろん実際のアプリケーションではjQueryライブラリを導入する必要がありますが、ここでは省略します.バックグラウンドコードは次のとおりです.
public static string GetImg(string ext)
{
  System.Threading.Thread.Sleep(5000);//         ,  5 
  StringComparer sc = StringComparer.OrdinalIgnoreCase;
  string[] extArr = new string[] { "php", "asp", "aspx", "txt", "bmp" };
  bool f = extArr.Any(s=>sc.Equals(s,ext));   //            
  if (f)
  {
    return "image/54222860.jpg";
  }
  return "image/star1.jpg";
}

原文の住所は次のとおりです.http://www.softwhy.com/forum.php?mod=viewthread&tid=9664
詳細については、次の項目を参照してください.http://www.softwhy.com/javascript/