jquery ajax 개발 간소화

1. Jquery. js 라 이브 러 리 파일 불 러 오기

 
AJAX 사용 몇 가지 상황
1. 서버 파일 에 데 이 터 를 보 내 고 서버 에서 일부 작업 을 수행 하 며 재생 하거나 약간의 정보 만 표시 할 필요 가 없습니다.
예 를 들 어 삭 제 를 누 르 면 서버 에서 데 이 터 를 삭제 합 니 다. 사용자 에 게 삭제 에 성 공 했 거나 성공 하지 못 했 습 니 다.
또는 사용자 가 등록 할 때 등록 을 클릭 한 후 사용자 에 게 등록 성공 을 알 립 니 다. 실제로 서버 는 데이터베이스 기록 만 추가 하 였 습 니 다. 즉, 추가, 삭제 하 는 것 입 니 다.
업데이트 등 작업 은 모두 이런 상황 에 속한다.
2. 서버 에 데 이 터 를 보 내 고 서버 가 스 크 립 트 를 실행 한 후 페이지 를 생 성 하 며 생 성 된 내용 을 표시 해 야 합 니 다.
현재 페이지 에 표시
예 를 들 어 페이지 의 한 부위 에 내용 을 동적 으로 불 러 오 기 를 바 랍 니 다.
 
예 1. 서버 파일 에 데이터 키 를 보 내 는 것 은 name 값 이 luyu 성공 시 팝 업 ok 입 니 다.
 

  
  
  
  
  1. <script type="text/javascript"
  2. function send(url) 
  3. {    
  4.     $.post( url, {name:luyu} ,  function(){alert("ok");} ); 
  5. </script> 

근 데 리스트 에 데이터 가 많이 들 어 있 을 때 어 떡 하 죠? 예 2 를 보 세 요.
아래 formid 는 폼 의 id 입 니 다.
 
예 2
 

  
  
  
  
  1. <script type="text/javascript"
  2. function send(url) 
  3. {    
  4.     $.post( url, $('#formid').serialize() ,  function(){alert("ok");} ); 
  5. </script> 

 
예 3. 특정한 div 에 표시 해 야 합 니 다. 아래 div 는 div 의 id 를 대표 합 니 다.
 

  
  
  
  
  1. function send(url) 
  2. {    
  3.     $.('#div').load( url, $('#formid').serialize() ); 
  4. </script> 

그러면 위의 세 개의 함 수 를 어떻게 호출 합 니까?
a 태그 의 href 에 javascript:, onclick 이벤트 에 호출 할 함수 이름 만 추가 하면 됩 니 다.
< a href = "javascript:" onclick = "send (xxxx. php)" > 발송 < / a >

좋은 웹페이지 즐겨찾기