inpage ajax形式

时间:2011-03-02 17:34:57

标签: jquery ajax jsp

我目前正在创建一个应用程序,并希望添加一个AJAX功能,但我似乎无法找到任何我想要的例子!

我试着将所有内容保存在一个页面上。

例如,我已经在页面左侧自动生成了一系列产品,这些产品通过JQUERY - > servlet显示。

现在如果用户点击产品,它会将它们引导到一个html页面,其中包含一个提交给servlet的表单(我没有对此进行编码,但我也知道如何)。

但我想要的是,当用户点击产品时,表单被加载到页面上的指定div中,用户可以在其中填写并提交给servlet而无需离开页面。

我会更好地编写JSP页面并将其拖入主JSP页面吗?或者在jquery中创建一个表单?

有人能指出我正确的方向吗?

3 个答案:

答案 0 :(得分:0)

考虑到未来我会将表单作为自己的JSP并通过jQuery引入它,它将使编辑表单变得更容易,并且更容易找到下一个开发人员。维护jQuery(或者一般的JS)构建的表单并不好玩。

答案 1 :(得分:0)

我认为您所描述的内容可以使用模式对话框类型的jQuery插件来完成。其中有很多,但您可以查看jQuery UI的对话框小部件(link)以查看基本小部件。

一个更好的是来自Eric Martin的simplemodal。您可以在模式中显示表单,然后让用户将模式提交到后端服务器。

我更多地处理.NET编程,但是将这些插件用于模态表单并将它们提交给后端服务。我通常将表单提取到一个单独的HTML页面,然后动态加载表单。它使我的JavaScript免于标记,并允许我更改我的模态模板,而无需真正挖掘我的JavaScript文件。

答案 2 :(得分:0)

查看jQuery-ui对话框,验证插件和表单插件。这些应该是您通过验证生成出色的基于对话框的ajax表单所需的全部内容。

如果您需要上传文件,我发现uploadify插件非常适合提交带有表单数据的文件。