jquery ajax 개발 간소화
2988 단어 JavaScriptjqueryAjaxWeb개발 하 다.
AJAX 사용 몇 가지 상황
1. 서버 파일 에 데 이 터 를 보 내 고 서버 에서 일부 작업 을 수행 하 며 재생 하거나 약간의 정보 만 표시 할 필요 가 없습니다.
예 를 들 어 삭 제 를 누 르 면 서버 에서 데 이 터 를 삭제 합 니 다. 사용자 에 게 삭제 에 성 공 했 거나 성공 하지 못 했 습 니 다.
또는 사용자 가 등록 할 때 등록 을 클릭 한 후 사용자 에 게 등록 성공 을 알 립 니 다. 실제로 서버 는 데이터베이스 기록 만 추가 하 였 습 니 다. 즉, 추가, 삭제 하 는 것 입 니 다.
업데이트 등 작업 은 모두 이런 상황 에 속한다.
2. 서버 에 데 이 터 를 보 내 고 서버 가 스 크 립 트 를 실행 한 후 페이지 를 생 성 하 며 생 성 된 내용 을 표시 해 야 합 니 다.
현재 페이지 에 표시
예 를 들 어 페이지 의 한 부위 에 내용 을 동적 으로 불 러 오 기 를 바 랍 니 다.
예 1. 서버 파일 에 데이터 키 를 보 내 는 것 은 name 값 이 luyu 성공 시 팝 업 ok 입 니 다.
- <script type="text/javascript">
- function send(url)
- {
- $.post( url, {name:luyu} , function(){alert("ok");} );
- }
- </script>
근 데 리스트 에 데이터 가 많이 들 어 있 을 때 어 떡 하 죠? 예 2 를 보 세 요.
아래 formid 는 폼 의 id 입 니 다.
예 2
- <script type="text/javascript">
- function send(url)
- {
- $.post( url, $('#formid').serialize() , function(){alert("ok");} );
- }
- </script>
예 3. 특정한 div 에 표시 해 야 합 니 다. 아래 div 는 div 의 id 를 대표 합 니 다.
- function send(url)
- {
- $.('#div').load( url, $('#formid').serialize() );
- }
- </script>
그러면 위의 세 개의 함 수 를 어떻게 호출 합 니까?
a 태그 의 href 에 javascript:, onclick 이벤트 에 호출 할 함수 이름 만 추가 하면 됩 니 다.
< a href = "javascript:" onclick = "send (xxxx. php)" > 발송 < / a >
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.