方式一:
art.dialog.open(url,options),url是要请求的链接,若是需要传递参数,则需要url?a=xxx&b=yyy的形式传递;options中是对dialog属性的设置参数。此种方式打开的dialog是一个完整的iframe页面。
art.dialog.open('${ctx }/business/accept/distribute/' + id
+ "?assignStatus=2"
+ "&submit_pass=" + $("#submit_pass").val()
+ "&submit_deal=" + $("#submit_deal").val()
+ "&submit_opinion=" + submit_opinion, {
title : '流程分配',
id : 'distributeDialog',
lock : true,
width : '35%',
height : '30%'
});
方式二:
首先提交ajax请求,请求返还的页面作为dialog的content属性的内容,于是改dialog打开的就是请求需要打开的页面了。此种打开的dialog应该是一个div,而非一个完整的iframe页面。
$.ajax({
type : "get",
url : '${ctx }/business/accept/distribute/'+ id,
data : {
assignStatus : '2',
nextUser : $("#nextUser").val(),
nextUserName : $("#nextUserName").val(),
submit_pass : $("#submit_pass").val(),
submit_deal : $("#submit_deal").val(),
submit_opinion : $("#submit_opinion").val()
},
async : false,
success : function(data) {
var dialog = art.dialog({
title : '流程分配',
id : 'distributeDialog',
content : data,
width : '40%',
height : '40%',
lock : true,
opacity : 0.87, // 透明度
init : function() {
}
});
}
});
方式三:
首先在主页面隐藏该内容,如:
<div id="dis_dialogid" style="display:none;">
<form id="distributeForm" method="post" action="${ctx}/business/accept/disSubmit">
<div class="information-form">
<div class="col-md-8 ie8correct">
<label class="field-title" for="nextUserName">人工定义:</label>
<input type="text" name="nextUserName" id="nextUserName" value="${order.nextUserName}" onclick="uiBase.selectUser('nextUser');" required>
<input type="hidden" id="nextUser" name="nextUser" value="${order.nextUser}" />
</div>
</div>
</form>
</div>
当点击某一部位触发事件时,显示该隐藏内容,触发事件的处理方式为:
var dialog10 = art.dialog({
title:"流程分配",
padding: "10px",
content:document.getElementById("dis_dialogid"),
ok:function(){
if ($("#distributeForm").valid()) {
$.ajax({
type : "POST",
url : "${ctx}/business/accept/disSubmit",
data : {
id : $("#id").val(),
assignStatus : '2',
nextUser : $("#nextUser").val(),
nextUserName : $("#nextUserName").val(),
submit_deal : $("#submit_deal").val(),
submit_pass : $("#submit_pass").val(),
submit_opinion : $("#submit_opinion").val()
},
cache : false,
global : false, //屏蔽全局事件,防止启动BlockUI
success : function(data) {
var resultJson = eval("(" + data + ")");
if (resultJson.result == "success") {
art.dialog({
title : '流程提交提示',
icon : 'succeed',
lock : true,
content : '流程提交成功,1.5秒后会自动关闭……',
time : 1.5
});
//uiBase.trigerParentTabFunc('$("form").submit()');
uiBase.closeCurrentTab();
} else {
art.dialog({
title : '流程提交提示',
icon : 'error',
lock : true,
content : '流程提交失败,1.5秒后会自动关闭……',
time : 1.5
});
}
}
});
return true;
}else{
return false;
}
},
okVal:"提交",
cancel:function(){},
cancelVal:"返回",
id: "validate-artdialog"
});
分享到:
相关推荐
ajax重写方法搭配后台filter返回status实现ajax请求跳转登录页面
下面小编就为大家分享一篇解决js ajax同步请求造成浏览器假死的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
使用Ajax get请求数据的小例子,使用$.each()循环显示到表格,里面有接口,大家可以使用,欢迎指导学习
Android Webview虽然提供了页面加载及资源请求的钩子,但是对于h5的ajax请求并没有提供干涉的接口,这意味着我们不能在webview中干涉javascript发起的http请求,而有时候我们确实需要能够截获ajax请求并实现一些功能...
在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击该按钮产生多个并发Ajax请求);调用完成后,图片消失...
一个完整的jquery+ajax传送请求的实例
在ajax中使用post方法,用常规的参数格式:param1=a1¶m2=a2 ,当参数长度过长时,依然提交不成功。比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application...
AJAX发送请求与接受,入门知识很好很基出,POSTANDGET
利用jquery的ajax提交表单数据到后台。后台使用spring.
Ajax异步请求aspx页面和ashx页面
主要介绍了SpringBoot+SpringSecurity处理Ajax登录请求问题,本文给大家介绍的非常不错,具有参考借鉴价值,需要的朋友可以参考下
打包好的Ajax代码,实现了对象化,使用时直接调用就可以了,调用时需要重构三个方法,如下: function onerror() //错误处理方法 { alert("error"); } function getInfo() //发送请求方法,包括请求方法和请求...
chrome扩展插件获取ajax请求记录
jQuery-ajax-用户名异步请求,转载请注明出处:https://blog.csdn.net/qq_40374604(如有需要欢迎留言,我一定会尽快解答)
springmvc接收ajax请求注意事项
基于ajax方式的跨域请求jsonp的前后台代码
Ajax异步请求分页
jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现
Java 模拟Ajax POST GET 提交代码,实测很好用。