Jquery与后台的交互方式

lcx12345 贡献于2013-05-21

作者 润东网络 BY 3A网络  创建于2013-05-05 06:38:00   修改者润东网络 BY 3A网络  修改于2013-05-05 06:38:00字数2494

文档摘要:Jquery与后台的交互方式(三)将表单的值通过formSerialize()序列化,然后传递给data,提交给后台处理.
关键词:

 Jquery与后台的交互方式(三) 将表单的值通过formSerialize()序列化,然后传递给data,提交给后台处理 var url = "Monitoring.do?action=SaveBanJieInfo"; var formdata = $("#FristPage").formSerialize(); $.ajax({ url: url, type: "POST", cache: false, data: formdata, success: function(html) { if (html.indexOf("false") == 0 || html.indexOf("False") == 0){ defineWarmAlert("保存失败!", false); } if (html.indexOf("true") == 0 || html.indexOf("True") == 0) { definealert("保存成功!", false); } else { var msg = html.substring(6); } }, error: function(xmlhttprequest, textstatus, errorthrown) { defineWarmAlert("error!", false); } }); 将数据在url中传递给后台处理 var ajaxUrl = "Accept.do?action=GetAcceptNumber&IsAccept=" + IsAccept + "&ReceiptNumber=" + ReceiptNumber + "&NoAcceptNumber=" + NoAcceptNumber; $.ajax({ url: ajaxUrl, cache: false, success: function(html) { if (IsAccept == 1) //已受理 { document.getElementById("ReceiptNumber").innerText = html; document.getElementById("Accept/ReceiptNumber").value = html; } else if (IsAccept == 2) //不受理 { document.getElementById("NoAcceptNumber").innerText = html; document.getElementById("Accept/NoAcceptNumber").value = html; } }, error: function(xmlhttprequest, textstatus, errorthrown) { defineWarmAlert("error!", false); } }); 通过post表单的方法,将数据提交到后台处理 $(document).ready(function() { initSkin(); //定义JQuery.from框架的参数 var options = { url: "Attachment.do?action=UploadProjectImg", //async: false, cache: false, type: 'POST', beforeSubmit: function() { var FileName = document.getElementById("Attachment/FileName").value; if(FileName == null || FileName == "") { defineWarmAlert("文件路径不能为空!", false); return false; } else $.blockUI(); }, success: function(html) { $.unblockUI(); art.dialog( { skin:'chrome', content:"上传成功!", lock: true, style: 'succeed' } , function() { window.parent.dialogArguments.refreshStep(); window.close(); } ); return false; }, error: function(xmlhttprequest, textstatus, errorthrown) { $.unblockUI(); defineWarmAlert("error", false); }, dataType: "html" } //为提交AddAttachmentForm表单做准备 $("#AddAttachmentForm").ajaxForm(options); }); 在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始 通过jQuery.get()与后交互,获取后台的返回的数据 jQuery.get(url, [data], [callback], [type]) function getGetApplyCategorys() { var selectCondi = $("#selectAcceptCondition"); //普通查询 var selectcondi2 = $("#ApplyCategory"); //高级查询 $.get("Accept.do?action=GetApplyCategorys&dt=" + new Date().getTime(), function(str) { var categoryList = str.split(","); for (i = 0; i < categoryList.length; i++) { var data = categoryList[i].split("-"); var item = new Option(data[1], data[0]); var item2 = new Option(data[1], data[0]); if (selectCondi.length == 1) selectCondi[0].options.add(item); if (selectcondi2.length == 1 && selectcondi2[0].options != null) selectcondi2[0].options.add(item2); } }); }

下载文档到电脑,查找使用更方便

文档的实际排版效果,会与网站的显示效果略有不同!!

需要 3 金币 [ 分享文档获得金币 ] 0 人已下载

下载文档