提交表单,jQuery同步提交示例代码
分类:关于计算机

正文实例陈说了jQuery同步交付的艺术。分享给大家供我们仿照效法,具体如下:

以jQuery插件开采的法子开荒。具体代码如下:

利用jQuery 框架,同步交付演示

jQuery.fn.extend({
  /**
   * ctrl+enter提交表单
   * @param {Function} fn 操作后执行的函数
   * @param {Object} thisObj 指针作用域
   */
  ctrlSubmit:function(fn,thisObj){
    var obj = thisObj || this;
    var stat = false;
    return this.each(function(){
      $(this).keyup(function(event){
        //只按下ctrl情况,等待enter键的按下
        if(event.keyCode == 17){
          stat = true;
          //取消等待
          setTimeout(function(){
            stat = false;
          },300);
        } 
        if(event.keyCode == 13 && (stat || event.ctrlKey)){
          fn.call(obj,event);
        } 
      });
    });
  } 
});

在局地严格检查测量试验只怕递归、循环调用的事态下,若是无法一齐重临数据则或者会合世谬误结果,所以必要使用同步交付技术,jQuery暗许是异步操作,必要显式设置异步属性async为false,便足以完毕共同。

采取形式:

自定 data 提交

$("#textarea").ctrlSubmit(function(event){
  //提交代码写在这里
});
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 作为提交的数额

您大概感兴趣的稿子:

  • jQuery使用$.ajax提交表单完整实例
  • jQuery基于ajax()使用serialize()提交form数据的艺术
  • jQuery落成form表单基于ajax无刷新提交方法详解
  • jquery验证邮箱格式并展现提交开关
  • jQuery Real Person验证码插件防止表单自动提交
  • 动用JQuery达成Ctrl+Enter提交表单的措施
  • Jquery中ajax提交表单三种办法(get、post两种艺术)
  • jquery validate和jquery form 插件组合完结认证表单后AJAX提交
  • jquery ajax 如何向jsp提交表单数据
  • jQuery同步交付示例代码
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程序设计具备帮忙。

你恐怕感兴趣的小说:

  • jQuery使用$.ajax提交表单完整实例
  • jQuery基于ajax()使用serialize()提交form数据的章程
  • jQuery完毕form表单基于ajax无刷新提交方法详解
  • jquery验证邮箱格式并展现提交开关
  • jQuery Real Person验证码插件制止表单自动提交
  • 动用JQuery完毕Ctrl+Enter提交表单的法门
  • jQuery落成ctrl+enter(回车)提交表单
  • Jquery中ajax提交表单两种方式(get、post三种方法)
  • jquery validate和jquery form 插件组合达成认证表单后AJAX提交
  • jquery ajax 怎么样向jsp提交表单数据

本文由正版必中一肖图发布于关于计算机,转载请注明出处:提交表单,jQuery同步提交示例代码

上一篇:JavaScript模块化开发之SeaJS,使用SeaJS实现模块化 下一篇:jsonp跨域请求数据实现手机号码查询实例分析,使
猜你喜欢
热门排行
精彩图文