js调用后台代码的几种方法

本章节介绍一下如何使用javascript调用后台代码，这里只以asp.net为例。

调用方式一:

[ 其他 ] 运行代码下载代码

<script type="text/javascript">  
var showMethod="<%=show()%>";  
alert(showMethod);  
</script>

以上代码可以弹出后台函数show()的返回值。

调用方式二:

ajax方式，这是比较常用的。

前台jquery代码:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.51qianduan.com/" /> 
<title>51前端</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>

代码描述：js调用后台代码。js调用后台代码的几种方法

下载全部收藏

129 171

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册