servlet包含了一个jsp页面,此页面包含一个jquery的select样式的筛选框,单独测试时没问题,点击就能有选中某条件的特效,但是用servlet包含这个页面并返回给另一个jsp页面时 再点条件就没选中特效了,但是点击后能显示筛选结果,就是选中的特效没有。
特效就是css吧? 你servlet包含的jsp有那个css, 但是你返回给另一个页面jsp后,这个‘另一个jsp页面’里面有这个(这些)css样式没?
你需要看下另一个jsp是否有引入支持这个特效的js文件和css样式(如果没有的话,就需要引入一下了);另外你这里的servlet包含了一个jsp页面是否是说从头部到脚部真的全部都包含了,这样子如果传到另一个页面的话,是会有一些语句重复,会出现一些问题的。如果servlet中的页面并不需要单独使用的话,那么就可以只包含具体的信息,去除掉头部脚部,只包含html和引用jscss等
zhuye.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<br> var str1,str2,str3,key;<br> <br> window.onload=function()<br> {<br> str1="a";<br> str2="a";<br> str3="a";<br> }<br> <br> function testgeta (str) <br> { <br> <br> str1= str;<br> ajaxRequest();<br> }<br> function testgetb (str) <br> { <br> <br> str2 = str;<br> ajaxRequest();<br> }<br> function testgetc (str) <br> { <br> str3= str;<br> ajaxRequest();<br> <br> var xmlHttpRequest = null;//声明一个空的对象以接受XMLHttpRequest对象<br> <br> function ajaxRequest() <br> { <br> key=document.getElementById("key").value; <br> var firstName=str1;<br> var middleName=str2;<br> <br> var endName=str3; </p> <p> var queryString="str1=" + firstName + "&str2=" + middleName + "&str3=" + endName + "&key=" + key; <br> <br> queryString="./AjaxServlet?"+queryString;<br> <br> <br> queryString = encodeURI(encodeURI(queryString));<br> //window.location.href=queryString;<br> <br> if(window.ActiveXObject) { //IE的 <br> xmlHttpRequest = new ActionXObject("Microsoft.XMLHTTP"); <br> } <br> else if(window.XMLHttpRequest) { //除IE外的 <br> xmlHttpRequest = new XMLHttpRequest(); <br> } <br> <br> if(xmlHttpRequest != null) { <br> xmlHttpRequest.open("GET", queryString, true); <br> //关联好ajax的回调函数 <br> xmlHttpRequest.onreadystatechange = ajaxCall; <br> <br> //真正向服务器发送请求 <br> xmlHttpRequest.send(); <br> } <br> } <br> //从servlet的返回值: <br> function ajaxCall() { <br> if(xmlHttpRequest.readyState == 4 ) { //完全得到服务器的响应 <br> if(xmlHttpRequest.status == 200) { //没有异常 <br> var text = xmlHttpRequest.responseText; <br> document.getElementById("divajax").innerHTML = text; <br> } <br> } <br> } <br> //ajax向servlet传参结束<br>
AjaxServlet.java 输出部分:
out.println("