jquery ui dialog

最新推荐文章于 2023-04-04 12:14:16 发布

diao21

最新推荐文章于 2023-04-04 12:14:16 发布

阅读量109

点赞数

分类专栏：前端开发文章标签： jquery ui dialog jquery Ajax ViewUI

本文链接：https://blog.csdn.net/diao21/article/details/84353888

版权

前端开发专栏收录该内容

6 篇文章 0 订阅

订阅专栏

jQuery("#backgroundprograma").html('<br/>栏目名称:<input type="text" id="name" name="webtitle" size="20" /><br/><br/>提示说明:<textarea id="title" rows="6" cols="30"></textarea><br/>');

jQuery("#backgroundprograma").dialog({
resizable:false,
width:250,
height:300,
title:"新建栏目",
modal:false,
buttons: {
'关闭': function() {

jQuery(this).dialog('close');

}
,
'提交': function(){
var name=jQuery("#name").val();
var title=jQuery("#title").val();

var jsonData={name:name,title:title};

jQuery.ajax({
type: "POST",
url: "newbackgroundprograma.action",
data: jsonData,
datatype:"json",
success: function(msg){

if(1==msg.conditions)
{
alert("新建成功");
}
else
{
alert("新建失败");
}

}
,
error:function()
{
alert('出错了');
}
});

}

}
});