ADF页面片段中借助javascript使用Form提交Post请求

最新推荐文章于 2025-02-25 10:45:31 发布

转载最新推荐文章于 2025-02-25 10:45:31 发布 · 665 阅读

ADF 专栏收录该内容

187 篇文章

订阅专栏

本文介绍了一种在页面片段中通过JavaScript动态创建form元素的方法，以此实现POST请求并传递参数。这种方法尤其适用于不能直接嵌套form标签的情况。文章还提到了在特定框架下，不同URL路径对接收POST参数的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于在页面片段中不能直接添加form标签，因为整个页面片段处于一个大的form标签之中，而form标签不能嵌套，有时候我们需要在页面片段中提交一个post请求，并跳转到其他URL时可以借助javascript的dom来生成一个form。

[html]view plaincopy 
   
 <af:goButton text="Go Button" id="gb1">  
           <af:clientAttribute name="userName" value="aaaaaaaaaa"/>  
           <af:clientListener type="click" method="openPostWindow"/>  
         </af:goButton>  

例如在以上的Go Button中添加一个javascript的 click事件，打开一个post请求，并且将参数userName传给请求。

javascript代码如下：

[javascript]view plaincopy 
   
 function openPostWindow(e) {  
     var button = e.getSource();  
     var newForm = document.createElement("form");  
     newForm.id = "postForm";  
     newForm.action = "http://showing:7101/PostRequestDemo/postrequestadapterservlet";  
     newForm.target = "_blank";  
     newForm.method = "post";  
     var usernameInput = document.createElement("input");  
     usernameInput.name = "userName";  
     usernameInput.type = "hidden";  
     usernameInput.value = button.getProperty("userName");  
     newForm.appendChild(usernameInput);  
     document.body.appendChild(newForm);  
     newForm.submit();  
     document.body.removeChild(newForm);  
 }  

如此变可以提交post请求了。另外发现在ADF中，当URL地址中为faces时，不能接收post请求的参数，只能接收get方法提交的参数。

例如将上述javascript中的http://showing:7101/PostRequestDemo/postrequestadapterservlet改为http://showing:7101/PostRequestDemo/faces/postrequestadapterservlet
时，就接收不到userName参数了。

转自：http://blog.csdn.net/ygj26/article/details/8067940