이번에는 ajax로 양식을 비동기적으로 제출하는 방법과 ajax로 양식을 비동기적으로 제출할 때의 주의사항에 대해 알려드리겠습니다. 실제 사례를 살펴보겠습니다.
다음은 일반적으로 사용되는 세 가지 제출 방법입니다
방법 1
모든 사용자 입력을 수동으로 수집하고 이를 큰 "k1=v1&k2=v2..." 키-값 쌍 형식으로 캡슐화합니다. $ .post(url, data,fn)를 사용하여 서버에 데이터 제출
$.ajax({ type:'post', url:'Notice_noTipsNotice', data:'k1=v1&k2=v2...', cache:false, dataType:'json', success:function(data){ } });
방법 2
单序列化:$('#myform').serialize( ); 其返回值就是“k1=v1&k2=v2...”键值对形式,再发起异步请求即可。 function noTips(){ var formParam = $("#form1").serialize();//序列化表格内容为字符串 $.ajax({ type:'post', url:'Notice_noTipsNotice', data:formParam, cache:false, dataType:'json', success:function(data){ } }); }
방법 3
jQuery Form 플러그에서 제공하는 ajaxSubmit() 함수 사용 -in
$('#myform').ajaxSubmit({ type: 'GET/POST', url: 'xx.php', dataType: 'json', success: fn, clearForm: true, resetForm: true }); //此函数会自动把选定的表单进行序列化并异步提交
Believe 이 기사의 사례를 읽고 나면 방법을 익혔을 것입니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 도서:
위 내용은 Ajax 비동기 양식 제출 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!