Javascript 在Ajax调用中,重新打开带有预加载数据的表单进行编辑

Javascript 在Ajax调用中,重新打开带有预加载数据的表单进行编辑,javascript,jquery,ajax,Javascript,Jquery,Ajax,我对Ajax调用还不熟悉,我试图看看是否有一种方法可以在退出表单后用预先输入的数据重新打开弹出表单 我有一个按钮,只要点击这个按钮,我就会运行AJAX调用,从数据库中获取部件名称 以下是我的AJAX调用: jQuery(文档).ready(函数(){ jQuery(“.trigger_popup”)。单击(函数(){ jQuery('.popup_win').show(); }); jQuery('.popupCloseButton')。单击(函数(){ jQuery('.popup_win'

我对Ajax调用还不熟悉,我试图看看是否有一种方法可以在退出表单后用预先输入的数据重新打开弹出表单

我有一个按钮,只要点击这个按钮,我就会运行AJAX调用,从数据库中获取部件名称

以下是我的AJAX调用:

jQuery(文档).ready(函数(){
jQuery(“.trigger_popup”)。单击(函数(){
jQuery('.popup_win').show();
});
jQuery('.popupCloseButton')。单击(函数(){
jQuery('.popup_win').hide();
});
});
函数getForm(){
var form=document.getElementById(“myForm”);
var myAjax=new Ajax.Updater(“partnameoutput”,“/jsp/partnameoutput.jsp”{
是的,
postBody:Form.serialize(Form),
方法:“post”,
onComplete:function(){
displayPartName();
}
});
}
函数displayPartName(){
var form=document.getElementById(“myForm”);
var partnameoutput=document.getElementById(“partnameoutput”).innerHTML;
document.getElementById(“partname”).innerHTML=partnameoutput;
}
.popup\u win{
光标:指针;
显示:无;
身高:100%;
位置:绝对位置;
左:20px;
顶部:150px;
文本对齐:居中;
排名:0;
宽度:100%;
z指数:10000;
}
.popup_win.helper{
显示:内联块;
身高:100%;
垂直对齐:中间对齐;
}
.popup_win>div{
背景色:#fff;
盒影:10px 10px 60px#555;
显示:内联块;
最大宽度:750px;
高度:自动;
最小高度:100px;
垂直对齐:中间对齐;
宽度:60%;
位置:相对位置;
边界半径:8px;
填充:25px 5%;
}
.弹出关闭按钮{
背景色:#fff;
边框:3px实心#999;
边界半径:50px;
光标:指针;
显示:内联块;
字体系列:arial;
字体大小:粗体;
位置:绝对位置;
顶部:-20px;
右:-20px;
字体大小:25px;
线高:30px;
宽度:30px;
高度:30px;
文本对齐:居中;
}
.PopupClose按钮:悬停{
背景色:#ccc;
}
.trigger_弹出窗口{
光标:指针;
字体大小:12px;
显示:内联块;
字体大小:粗体;
}
.divTableCell,
.桌子头{
边框:1px实心#999999;
显示:表格单元格;
填充:10px;
边框:1px实心#000;
-moz边界半径:10px;
}
.divTableRow{
显示:表格行;
}
.表格标题{
背景色:#EEE;
显示:表头组;
}
.divTableCell,
.桌子头{
边框:1px实心#999999;
显示:表格单元格;
填充:10px;
边框:1px实心#000;
-moz边界半径:10px;
}
.表格标题{
背景色:#EEE;
显示:表头组;
字体大小:粗体;
}
.桌脚{
背景色:#EEE;
显示:表尾组;
字体大小:粗体;
}
.表格正文{
显示:表格行组;
边界间距:4px;
}
{
显示:表格;
边界间距:6px;
}
.TableBox输入[type=text]{}
.TableBox>div{
显示:表格行;
边框间距:5px
}
.TableBox>div>div{
显示:表格单元格;
保证金:4倍;
}

X