jQuery가 JSP에서 작동하지 않습니다.

데이터베이스에서 값을 검색하는 코드를 작성하려고 시도하고 있습니다. slidetoggle()을 사용하여 화면에서 해당 값을 슬라이드합니다.jQuery가 JSP에서 작동하지 않습니다.

이 완벽하게 작동 데이터베이스 검색없이 .html 중에서 파일입니다

<html> 
<head> 

<script type="text/javascript" src="C:\Users\Mohit\Desktop\jquery-1.9.1.min.js"></script> 
</head> 
<body onload="handleChange();"> 

<label><input type='checkbox' onchange='handleChange();'>Check box</label> 

<script> 
function handleChange() 
{ 
    $('.slideTogglebox').slideToggle(); 
} 
</script> 
<div class="slideTogglebox"> 
    <ul> 
     <li><input type="checkbox">Judge1</li> 
     <li><input type="checkbox">Judge2</li> 
    </ul> 
</div> 
</body> 
</html>

가 그럼 난 데이터베이스 검색과 jQuery를 위에 포함이 .jsp를 파일을 썼다는하지만, 출력 만 검색 값을 보여주고있다 , slidetoggle() 기능이 작동하지 않습니다.

<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %> 
<html> 
<head> 

<script language="javascript" type="text/javascript" src="C:\Users\Mohit\Desktop\jquery-1.9.1.min.js"></script> 
<script language="javascript"> 
function handleChange() 
{ 

    $('.slideTogglebox').slideToggle(); 

} 
</script> 
</head> 
<body onload="handleChange();"> 
<% 
    try{ 
     Connection conn = null; 
     ResultSet rs; 

      Class.forName("com.mysql.jdbc.Driver"); 
     conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/aniket","root",""); 
     String strsql=null; 
     strsql="select * from projects"; 
     Statement stmt=conn.createStatement(); 
     rs=stmt.executeQuery(strsql); 
     while(rs.next()) 
     {%><br><input type='checkbox' onchange='handleChange();'><% 
      out.print("CO"+rs.getInt(1)+""); 
      out.print(rs.getString(2)); 
     } 
     } 
     catch(Exception e) 
     { 
      e.printStackTrace(); 
      System.out.println(e); 
     } 
%> 
    <div class="slideTogglebox"> 
    <% 
      Connection conn1 = null; 
       ResultSet rs1; 
      conn1=DriverManager.getConnection("jdbc:mysql://localhost:3306/aniket","root",""); 
      String strsql1=null; 
      strsql1="select * from judges"; 
      Statement stmt=conn1.createStatement(); 

      rs1=stmt.executeQuery(strsql1); 
      while(rs1.next()) 
      {%><br><input type='checkbox'><% 
      out.print(rs1.getInt(1)); 
      out.print(rs1.getString(2)); 
     }%> 
</div> 
</body> 
</html>

출처

2013-03-26 user2213232

절대 파일 시스템 경로가 아닌, URI scheme URL을 jQuery 스크립트 파일에 사용해야합니다. 이상적으로 이것은

<script src="/javascript/jquery-1.9.1.min.js"></script>

과 같을 것입니다. 여기서 jQuery 스크립트는 앱의 일부입니다.

로컬 컴퓨터에서만이 프로그램을 실행하려는 경우 파일 시스템 경로를 유지할 수 있지만 file URI scheme을 사용해야합니다.

<script src="file:///C:/Users/Mohit/Desktop/jquery-1.9.1.min.js"></script>

더 좋은 솔루션은, 예를 들어

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

한 가지 더를 Google CDN link 사용하는 것입니다, 당신은 정말 문서의 상단에 DOCTYPE을 추가해야합니다. HTML5를 추천합니다

<!DOCTYPE html>

출처

2013-03-26 22:30:45 Phil

Google 덕분에 Google CDN 링크가 작동했습니다. 그리고 고쳐 주셔서 감사합니다, 나는 JSP로 자바 스크립트를 피하는 법을 배울 것입니다. – user2213232

@ user2213232 왜 지구상에서 JSP로 자바 스크립트를 사용하지 않으시겠습니까? "자바"라는 뜻 이었습니까? – Phil

아, 미안하지만, 나는 "java"를 의미합니다. – user2213232

jQuery가 JSP에서 작동하지 않습니다.

답변

관련 문제