jquery ui dialog

最新推荐文章于 2025-08-24 12:36:09 发布

原创最新推荐文章于 2025-08-24 12:36:09 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery ui dialog #jquery #Ajax #ViewUI

前端开发专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用jQuery创建一个用于新建栏目的对话框，并通过AJAX实现与服务器的交互，包括获取输入数据并进行POST请求。

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('出错了');
}
});

}

}
});