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
}); 
//此函数会自动把选定的表单进行序列化并异步提交

위 내용은 제가 여러분을 위해 정리한 것인데, 앞으로도 여러분에게 도움이 되기를 바랍니다.

관련 기사:

AJAX 요청에서 배열 문제를 해결하는 방법

Ajax 요청 및 필터 협력 사례 분석

캐시를 해결하는 5가지 방법에 대한 Ajax 요약

위 내용은 Ajax를 사용하여 양식을 비동기적으로 제출하는 여러 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!