首頁 > web前端 > js教程 > jQuery同步提交範例程式碼_jquery

jQuery同步提交範例程式碼_jquery

WBOY
發布: 2016-05-16 15:26:11
原創
1111 人瀏覽過

本文實例講述了jQuery同步提交的方法。分享給大家參考,具體如下:

使用jQuery 框架,同步提交示範

在一些嚴格檢測或遞歸、循環呼叫的情況下,如果無法同步回傳資料則可能會出現錯誤結果,所以需要使用同步提交技術,jQuery預設為非同步操作,需要明確設定非同步屬性async為false ,便可以實現同步。

自定 data 提交

function GroupCheck(url, operate, check, group, joker) 
{ 
 var result = -1; 
 $.ajax( 
 { 
  type : "POST", 
  async : false, 
  url : url, 
  data : 
  { 
   operate : operate, 
   id_atGroup : group, 
   id_atJoker : joker 
  } 
 }).done(function(msg) 
 { 
  if (msg != null && msg != "") 
  { 
   if (msg == 0) 
   { 
    alert("操作成功2"); 
   } 
   else 
   { 
    alert("操作失败2"); 
   } 
  } 
  else 
  { 
   alert("服务器异常2"); 
   // check.checked = true; 
  } 
 }).fail(function() 
 { 
  // alert("error"); 
 }).always(function() 
 { 
  // alert("complete"); 
 }); 
 return result; 
}

登入後複製

取得 form 作為提交的資料

var $form = $('#theForm1'); 
url = $form.attr('action'); 
$.ajax( 
{ 
 type : "POST", 
 async : false, 
 url : url, 
 data : $form.serialize() 
}).done(function(msg) 
{ 
 // 完成代码 
});

登入後複製

注意1.8以後,廢棄jqXHR.success(), jqXHR.error(), andjqXHR.complete(),改為jqXHR.done(),jqXHR.fail(), and jqXHR.always ()

希望本文所述對大家jQuery程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板