최근 ajaxForm을 사용하고 있어서 나중에 복습하려고 사용법만 적어봤습니다. 1, 종속성 스크립트 소개 javascript</a>" src="/js/<a href="http://www.php.cn/wiki/1495.html" target="_blank">jquery</a>/jquery.form.js"></ script> //ajaxForm은 스크립트에 따라 다름<br></span></strong></p> <p><strong><span style="font-size:12px"><script type="text/javascript" src="/js/jquery/jquery-1.8.0.min.js"> 2 방법 을 사용하려면 < ;/form> </span></strong></p> <p><strong><span style="font-size:12px">var ajax_option={</span></strong></p> <p><strong><span style="font-size:12px">url:"login", //기본값 형식은 <a href="http://www.php.cn/java/java-Action.html" target="_blank"> action</a></span></strong></p> <p><strong><span style="font-size:12px">success:function(data){</span></strong></p> <p><strong><span style="font-size:12px">}</span></strong></p> <p><strong><span style="font-size:12px">$('#testForm').ajaxSubmit(ajax_option);</span></strong> </p> <p><strong><span style="font-size:12px"> }</span></strong> </p> <p><strong><span style="font-size:12px"> </span> </strong>3 ajaxSubmit과 ajaxForm</p> <p><strong><span style="font-size:12px"><br></span></strong>ajaxForm의 차이점은 양식을 제출할 수 없다는 것입니다. </p>document<p>의 Ready<strong> 함수<span style="font-size:12px">에서 ajaxForm을 사용하여 AJAX 양식 제출을 준비합니다. 제출 작업은 submit </span></strong></p> <p><strong><span style="font-size:12px"></span></strong></p> <p><strong>ajaxSubmit <span style="font-size:12px">으로 시작해야 합니다. 양식은 AJAX에 의해 즉시 제출됩니다. 귀하는 어떤 상황에서도 제출할 수 있습니다. <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"><a href="http://www.php.cn/code/658.html" target="_blank"></a><a href="http://www.php.cn/wiki/145.html" target="_blank"></a></span><br></span></strong></p>4<p><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"><span style="font-weight:bold"><span style="font-size:12px"><p><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; font-size:12px"><span style="line-height:25.1875px"><strong><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px">option的参数 </span><br><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px">var options = { </span><br><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"> target: '#output1', // 서버 응답으로 업데이트할 대상 요소 </span><br><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"> <a href="http://www.php.cn/java/java-Before.html" target="_blank">before</a>제출: showRequest, // 제출 전 콜백 </span><br> 성공: showResponse // 제출 후 콜백 <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> // 기타 사용 가능한 옵션: <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> //url: url // 양식의 'action' 속성 재정의 <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> // type: type // 'get' 또는 'post', 양식의 'method' 속성 재정의 <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> //dataType: null // 'xml', 'script' 또는 'json'(예상 서버 응답 유형) <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span> <br> //clearForm: true // 제출 성공 후 모든 양식 필드 지우기 <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> //resetForm: true // 제출 성공 후 양식 재설정 <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> // 여기서도 $.ajax 옵션을 사용할 수 있습니다. 예: <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> //시간 초과: 3000 <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> }; <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br><br></strong></span></span></p> <p><strong><span style="font-size:12px"><br></span></strong></p> <p><strong><span style="font-size:12px"><br></span></strong></p></span></span></span></p>
