jQuery同步提交示例代码_jquery

本文实例讲述了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程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, 同步提交
jQuery同步提交
jquery示例代码、jquery post同步提交、jquery ajax 同步提交、jquery form 同步提交、jquery同步提交,以便于您获取更多的相关知识。

时间: 2024-10-01 08:09:10

jQuery同步提交示例代码_jquery的相关文章

使用jquery解析XML示例代码_jquery

xml文件结构:books.xml <?xml version="1.0" encoding="UTF-8"?> <root> <book id="1"> <name>深入浅出extjs</name> <author>张三</author> <price>88</price> </book> <book id="

jQuery遍历Form示例代码_jquery

jQuery 遍历 Form,代码如下 复制代码 代码如下: <script type="text/javascript"> // 取得 id 为form1 的 form 的所有输入变量 values = $("#form1").serializeArray(); var values, index; for (index = 0; index < values.length; ++index) { if (values[index].name =

Jquery插件easyUi表单验证提交(示例代码)_jquery

复制代码 代码如下: <form id="myForm" method="post">  <table align="center" style="width:400px;height:auto;margin-top: 20px">           <tr>                                           <td align="righ

JQuery jsonp 使用示例代码_jquery

复制代码 代码如下: <?php if (isset($_GET['jsonpcallback'])){ echo $_GET['jsonpcallback']."([{id:1,name:'aaaa1'},{id:2,name:'bbbb2'}])"; exit; } ?> <html> <script type='text/javascript' src='commons/scripts/jquery.js'></script> &l

jquery.post用法示例代码_jquery

使用ajax在前端验证是否执行某个操作 jquery.post参数为 url,[data],[callback],[type] url:发送请求地址. data:待发送 Key/value 参数. callback:发送成功时回调函数. type:返回内容格式,xml, html, script, json, text, _default. 复制代码 代码如下: $.post('admin/HhCheckVote.do?ids=' + '${ids}', {}, function(flag) {

jQuery写fadeTo示例代码_jquery

复制代码 代码如下: <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <s

jQuery将多条数据插入模态框的示例代码_jquery

//Bootstrap模态框(局部) <div class="modal fade" id="orderDetail"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> </div> <div class="modal

jQuery打印图片pdf、txt示例代码_jquery

html加如下代码 <div style="display:none"> <div id="to_print"></div> <input type="button" id="print_button" value="Print" onclick="document.getElementById('FILEtoPrint').focus(); docume

jquery访问ashx文件示例代码_jquery

.ashx 文件用于写web handler的..ashx文件与.aspx文件类似,可以通过它来调用HttpHandler类,它免去了普通.aspx页面的控件解析以及页面处理的过程.其实就是带HTML和C#的混合文件. .ashx文件适合产生供浏览器处理的.不需要回发处理的数据格式,例如用于生成动态图片.动态文本等内容.很多需要用到此种处理方式.此文档提供一个简单的调用ashx文件的Demo,并贴出关键文件的源码. 以下为Demo中Login.ashx文件中的源码: public class L