>  기사  >  웹 프론트엔드  >  background_javascript 기술을 호출하는 JavaScript의 세 가지 방법 예

background_javascript 기술을 호출하는 JavaScript의 세 가지 방법 예

WBOY
WBOY원래의
2016-05-16 17:19:551049검색

방법 1: <%=%>를 사용하여 직접

프런트엔드 JS:

코드 복사 코드는 다음과 같습니다.


돌아가기 방법:

코드 복사 코드는 다음과 같습니다.

public static string BehindMethod()
>             "이것은 백그라운드 방법입니다"를 반환합니다.

방법 2: ajax를 사용하여
호출 프런트엔드 js:

코드 복사

코드는 다음과 같습니다.



페이지 HTML:





코드 복사

코드는 다음과 같습니다.










코드 복사

코드는 다음과 같습니다.[System.Web.Services.WebMethod] Public Static String Getimg (String Ext) { System.threading.thread.sleep (5000) // 5초 동안 기다리기 위해
StringComparer SC = Ignorecase; string[] extArr = new string[] { "php", "asp", "aspx", "txt", "bmp" } , EXT) //

이 있는지 확인합니다. f)
{
"Image/54222860.jpg"를 반환합니다.
      }




방법 3: AjaxPro(또한 ajax)


1단계: AjaxPro.dll(또는 AjaxPro.2.dll)을 다운로드하고 프로젝트에 참조를 추가합니다

2단계: web.config 구성 파일 수정

코드 복사

코드는 다음과 같습니다.

3단계: 런타임 시 Page_Load 이벤트에 AjaxPro를 등록합니다. 예:





코드 복사
코드는 다음과 같습니다.

protected void Page_Load(object sender, EventArgs e )

{ ajaxpro.utility.registerTypeForajax (Typeof(ajaxDemo)) // 등록 } 4단계: 서버 메소드를 생성하고 [AjaxPro.AjaxMethod]로 표시합니다.




코드 복사
코드는 다음과 같습니다.

[AjaxPro.AjaxMethod]

public 문자열 GetImgByAjaxPro( :) 5단계: 프런트엔드 JS 호출:
코드 복사


코드는 다음과 같습니다.


function GetMethodByAjaxPro() {
var a = JustTest .AjaxDemo.GetImgByAjaxPro();//JustTest는 현재 네임스페이스이고 AjaxDemo는 배경 클래스를 나타냅니다.
            document.getElementById("imgAjaxPro").src = a.value;
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.