jQuery 同步提交演示

最新推荐文章于 2021-03-18 19:09:10 发布

原创最新推荐文章于 2021-03-18 19:09:10 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #框架 #url

所有同时被 2 个专栏收录

219 篇文章

订阅专栏

Web前端

69 篇文章

订阅专栏

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)
  {
    // 完成代码
  });

Deprecation Notice: The jqXHR.success(),jqXHR.error(), andjqXHR.complete() callbacks are deprecated as of jQuery 1.8. To prepare your code for their eventual removal, usejqXHR.done(),jqXHR.fail(), and jqXHR.always() instead

注意 1.8以后，废弃 jqXHR.success(), jqXHR.error(), andjqXHR.complete()，改为 jqXHR.done(),jqXHR.fail(), and jqXHR.always()