javascript 호출 백 스테이지 방법

출처:http://blog.csdn.net/hellojimmy520/article/details/7242725
방법 1:직접 사용<%=%>호출
프론트 JS:
[javascript] view plain copy print ?

var methodStr = "<%=BehindMethod() %>";

alert(methodStr);

 <script type="text/javascript">
        var methodStr = "<%=BehindMethod() %>";
        alert(methodStr);
        </script>

뒤에 방법:
[csharp] view plain copy print ?
public static string BehindMethod()

{

return"이것 은 백 스테이지 방법 입 니 다."

}

public static string BehindMethod()
        {
            return "         ";
        }

방법 2:ajax 로 호출
프론트 js:
[javascript] view plain copy print ?

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 type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
 <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>

페이지 html:
[html] view plain copy print ?

<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>

배경 방법:
[csharp] view plain copy print ?
[System.Web.Services.WebMethod]

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";

}

  [System.Web.Services.WebMethod]
        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";
        }

방법 3:AjaxPro(역시 ajax)
첫 번 째 단계:AjaxPro.dll(또는 AjaxPro.2.dll)을 다운로드 하고 항목 에 인용 을 추가 합 니 다.
두 번 째 단계:설정 파일 웹.config 수정
[csharp] view plain copy print ?

<system.web>
<httpHandlers>
      <!--  ajaxPro.2-->
      <add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
    </httpHandlers>
  </system.web>

STEP 3:네,Ajax Pro 페이지 PageLoad 이벤트 가 실 행 될 때 등록 합 니 다.예:
[csharp] view plain copy print ?
protected void Page_Load(object sender, EventArgs e)

{

AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxDemo)); //책.

}

        protected void Page_Load(object sender, EventArgs e)
        {
            AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxDemo));  //  
        }

STEP 4:서버 생 성 방법 및[AjaxPro.AjaxMethod]로 표시
[csharp] view plain copy print ?
[AjaxPro.AjaxMethod]

public string GetImgByAjaxPro()

{

return "image/54222860.jpg";

}

        [AjaxPro.AjaxMethod]
        public string GetImgByAjaxPro()
        {
            return "image/54222860.jpg";
        }

다섯 번 째 단계:프론트 데스크 JS 호출:
[javascript] view plain copy print ?
function GetMethodByAjaxPro() {

var a = JustTest.AjaxDemo.GetImgByAjaxPro();//JustTest 는 현재 이름 공간 입 니 다.AjaxDemo 는 백 스테이지 클래스 를 표시 합 니 다.

document.getElementById("imgAjaxPro").src = a.value;

}

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

javascript 호출 백 스테이지 방법

좋은 웹페이지 즐겨찾기