单页面查询

[Xingxing915]

知道局部刷新之类的问题网上很多资源了，但只用过jsp+javabean的新手菜菜看的眼花缭乱完全lost了，请大家帮忙~

想要实现的是页面上方有几个文本框和下拉框还有提交按钮~填写并提交后根据填写内容从数据库提取内容并在同一页面的下方显示表格及数据~就相当于单页面查询~本人已实现提交后action到另一jsp页面显示，就是纠结这个同页面显示要怎么办~要用ajax啊jquery啊什么的还是只用servlet就可以？

谢谢大家了~就是这样，喵~

[Xingxing915]

如果重新加载的话还得想办法把所有查询条件传过去。。。

[Quote=引用 3 楼 的回复:]

为什么非要用ajax啊，提交的时候，刷新重加载本页面就可以实现了。
[/Quote]

[Xingxing915]

我这个Boss听说不喜欢用iframe，所以我就没敢用。。。

[Quote=引用 4 楼 的回复:]

在一个页面上定义两个iframe，第一个存放查询条件，第二个存放查询结果，这样还可以解决记住查询条件的问题
[/Quote]

[hywang1230]

两种方案，一种是通过ajax操作，一种是把查询条件传到后台，然后在带回来，刷新整个页面，填充数据。

[Xingxing915]

看着挺靠谱的~明天上班的时候试试~谢谢啦先~

[Quote=引用 1 楼 的回复:]

这是Ajax实现的一个简单例子：
JScript code
function query()
{var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
……
[/Quote]

[花谢尊前不敢香]

为什么非要用ajax啊，提交的时候，刷新重加载本页面就可以实现了。

[zzjh_2008]

在一个页面上定义两个iframe，第一个存放查询条件，第二个存放查询结果，这样还可以解决记住查询条件的问题

[YAVA_2009]

这是Ajax实现的一个简单例子：

function query()
    {var xmlhttp;
      if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
        }
      else
       {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
       }
       xmlhttp.onreadystatechange=function()
       {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
          {
          document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
          }
       }
       var url="/Result.jsp?canshu=abc&sid="+Math.random();
       xmlhttp.open("GET",url,true);
       xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //定义传输的文件HTTP头信息
       xmlhttp.send(null);//发送请求
      }

其中Result.jsp是你要调用的界面，document.getElementById("myDiv")中的myDiv是你在当前页面要显示结果的地方。

[Xingxing915]

按照这个做出来了~谢谢大家~

[Quote=引用 1 楼 的回复:]

这是Ajax实现的一个简单例子：
JScript code
function query()
{var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
……
[/Quote]