>  기사  >  웹 프론트엔드  >  서블릿에 정의된 변수를 자바스크립트 함수에 전달하는 방법

서블릿에 정의된 변수를 자바스크립트 함수에 전달하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-07-22 15:27:022088검색

JS는 서블릿에서 데이터를 가져오려고 합니다. 데이터가 필요할 때 js는 ajax와 같은 일부 메커니즘을 통해 서버의 서블릿에 액세스합니다. 서블릿은 서버에 액세스할 때 js가 전달한 매개변수를 기반으로 서버에서 계산을 수행합니다. 매개 변수가 없음)을 반환하고 결과적으로 js는 반환된 데이터를 처리할 수 있습니다.

서블릿에 정의된 변수를 자바스크립트 함수에 전달하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

먼저 서버와 클라이언트의 차이점을 명확히 해야 합니다

브라우저는 클라이언트에 속하며, 브라우저 측에서는 사용자 컴퓨터에서 처리되는 내용이 무엇인지

서버 측은 서버에 속하며, 네트워크의 데이터는 기본적으로 서비스에서 나옵니다.

그런 다음 서블릿은 서버 측에서 데이터를 처리하고 js는 클라이언트에 속합니다

js는 데이터가 필요할 때 서블릿에서 데이터를 가져와야 합니다. js는 일부를 통해 서버의 서블릿에 액세스합니다. 메커니즘(예: ajax),

서블릿은 js가 서버에 액세스할 때 전달된 매개 변수(매개 변수는 허용되지 않음)를 기반으로 서버에서 계산한 다음 결과를 반환하고(일반적으로 json 데이터 반환) js가 이를 처리할 수 있습니다. 반환된 데이터

예를 들어 JS 프레임워크 jquery의 ajax 메서드는

$.ajax(
'servlet的服务器地址’,
'{'数据的键key':'向服务器提交的数据的值value’,‘其他的键key2':'其他数据值value2’}',
success:function(servlet返回的数据变量){
数据交互成功后的处理函数,在这里对你的页面动态更改吧
}
);

물론 클라이언트와 서버 간의 상호 작용 과정에서 위의 성공 상태 외에도 세 가지 다른 상태가 있습니다. 다양한 상태에 대해 별도로 처리할 수도 있습니다

마지막으로 클라이언트와 서버 간의 데이터 상호 작용 프로세스를 크게 단순화하는 node .js와 같은 최신 JS 프레임워크( Weibo 등)을 사용하면 성능이 크게 향상될 수 있습니다

[추천 학습: 고급 JavaScript 튜토리얼]

위 내용은 서블릿에 정의된 변수를 자바스크립트 함수에 전달하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.