AJAX와 jQuery로 POST 방식과 양식 제출

에 이전 기사 우리는 간단한 사용하여 ASP 또는 PHP로 메일을 보낼 수 AJAX와 양식을 보내는 방법을 보았다 자바 스크립트 라이브러리 AJAX cpclubpenguincheatscp.com에 대한 가이드의 예제뿐만 아니라 다른 많은 항목에 사용합니다.

해당 라이브러리는 매우 빠르고 가벼운, 그것은 데이터를 보내기위한 GET 메서드를 사용하지만, 당신은 간단한 이유로 POST 방식을 사용하는 경우에는 양식을 보낼 때 : QueryString을 (URL에 전달되는 매개 변수 POST 메서드는이 제한의 고통을하지 않는 상태에서 GET 메서드를 통해)은 공백을 포함하여 255자를 제한 있습니다.

매우 편안한 도서관 반환하기 위해서는 jQuery AJAX 기능과 함께 작동하도록 매우 편안했다.

독자 여러분의 필요에 따라 그들을 관리하는 작업을 : 서버 사이드 스크립트가 단순히 전송 화면 데이터를 출력합니다 반면 이제, PHP ASP를 통해 그들을 검색하여 중, AJAX와 POST로 데이터를 보내는 간단한 예를 들어 보겠습니다.

먼저 웹 페이지의 도서관 jquery.js 헤더를 기억 :

 



 <script type="text/javascript" src="jquery.js"> </ SCRIPT>

 

우리는 HTML 양식을 작성 :

 <form name="modulo">



    



 <P> 이름 </ P>



    



 <P> <input type="text" name="nome" id="nome=> </ P>



    



 <P>의 성 </ P>



    



 <P> <input type="text" name="cognome" id="cognome"> </ P>



    



 <input type="button" id="bottone" value="Invia dati">







 </ 폼>









 <div id="risultato"> </ 사업부>

두 필드, 버튼 및 화면 인쇄 레이어를 포함하고 간단한 양식을하는 작업의 결과에.

우리는 이제 자바 스크립트 코드를 분석하자 :

 <script type="text/javascript">







 $ (문서). 준비 (함수 () {



  



 $는 ( "# 버튼"). (함수 () {클릭하십시오



    



 var에 이름 = $ ( "# 이름") 발 ().;



    



 var에 이름 = $ ( "# 이름") 발 ().;



    



 $. 아약스 ({



      



 유형 : "POST",



      



 URL : "dati.ext"



      



 데이터 형식 : "HTML",



      



 성공 : 함수 (메시지)



      



 {



        



 . $ ( "# 결과") HTML (메시지);



      



 }



      



 오류 : 함수 ()



      



 {



        



 알림 ( "실패 통화, 다시 시도해 보시기 바랍니다 ...");



      



 }



    



 });



  



 });







 });







 </ SCRIPT>

우리는 AJAX 방식을 통해 전송의 특성, 복구 : 방법 (POST), 서버 쪽의 URL이 데이터를 (*) 처리 후 반환 값은 HTML 형식의 것으로 지정하고 마지막으로 비디오 인쇄 확인 메시지가 나타나거나 호출에서 오류가 발생했습니다.

jQuery도 POST 메서드를 사용하여 아약스 호출을 처리하기 위해 흥미로운 바로 가기를 가지고 참고 :

 <script type="text/javascript">







 $ (문서). 준비 (함수 () {



  



 $는 ( "# 버튼"). (함수 () {클릭하십시오



    



 var에 이름 = $ ( "# 이름") 발 ().;



    



 var에 이름 = $ ( "# 이름") 발 ().;



    



 $ 게시 ( "dati.ext", {이름 : 이름, 성 (姓) :성을}.., 기능 (메시지) {$ ( "# 결과") HTML (메시지 );});

게시물 () 메소드에서 우리가 지난 명령에 요청을 접수 및 처리됩니다 서버쪽 스크립트의 URL은 데이터 형식과 출력을 출력합니다 콜백 함수에서 검색.

• <<
• 1
• 2
• >>