JQuery的不AJAX网页上加载了

问题描述：

<!DOCTYPE html> 
    <html> 
    <head> 
    <title>Insert title here</title> 
    <script type="text/javascript" > 
    var request; 
    function sendarrr() 
    { 
    var v = document.getElementById('x').value; 
    // var url="run.jsp?q="+String1; 


    if(window.XMLHttpRequest){ 
     request=new XMLHttpRequest(); 
     } 
     else if(window.ActiveXObject){ 
     request=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 


    try{ 
     request.onreadystatechange=getInfo; 
     request.open("GET","run.jsp?q="+v,true); 
     request.send(); 
     }catch(e){alert("Unable to connect to server");} 
     } 

     function getInfo(){ 
     if(request.readyState==4){ 
     var val=request.responseText; 
     document.getElementById('dsp').innerHTML=val; 
     } 
     } 


    </script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> 
    </script> 
    <script> 
    $(document).ready(function(){ 
     alert("master"); 


    }; 
    </script> 
    </head> 
    <body> 

    <form> 
    Enter id:<input type="text" id="x" name="tt"/> 
    <input type="button" name="bt" onclick="sendarrr()" value="click"/> 
    </form> 
    <span id="dsp"></span> 
    </body> 
    </html> 
the page to be loaded in ajax run.jsp 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
    pageEncoding="ISO-8859-1"%> 
    <%@ page import="java.sql.*" %> 
    <% Class.forName("com.mysql.jdbc.Driver"); %> 
</script> 
    <html> 
    <head> 
    <title>Data</title> 
    <script> 
    $(document).on('click', 'a', function(event){ 
    alert("slave"); 
    }); 
</script> 
    </head> 
    <body> 
    <% 
    String s=request.getParameter("q"); 
    System.out.println("hi"); 
    if(s==null || s.trim().equals("")){ 
    out.print("Please enter id"); 
    }else{ 
// int id=Integer.parseInt(s); 
    System.out.print(s); 

     String url = "jdbc:mysql://localhost:3306/fees"; 
     String user = "root"; 
     String passswd = "password"; 
     System.out.println("how are you"); 
     Connection connection = DriverManager.getConnection(url,user,passswd); 
     Statement statement = connection.createStatement(); 
     String sql="select * from fee1 where id=?"; 
     PreparedStatement ps=connection.prepareStatement(sql); 
     ps.setString(1,s); 
     ResultSet rs=ps.executeQuery(); %> 
     <input type="radio" id="rd"> 
     <input type="text" id="fr"> 
     <TABLE BORDER="1"> 
      <TR> 
      <TH>Id</TH> 
      <TH>Name</TH> 
      <TH>Fee</TH> 
      <TH>Course</TH> 
      <TH>Occupation</TH> 
      <TH>Balance</TH> 
      <TH>Date</TH> 
      </TR> 
      <% while(rs.next()){ { %> 
      <TR> 
      <TD> <%= rs.getString(5) %> </TD> 
      <TD> <%= rs.getString(1) %> </TD> 
      <TD> <%= rs.getString(2) %> </TD> 
      <TD > <%= rs.getString(3) %> </TD> 
       <TD > <%= rs.getString(4) %> </TD> 
      <TD > <%= rs.getString(6) %> </TD> 
      <TD> <%= rs.getString(7) %> </TD> 
      </TR> 
      <% } %> 
     </TABLE> 

     <% } connection.close();} %> 
     </body> 
     </html>

我想隐藏在第二page.when用户的无线电和文本字段输入ID和向上按压提交第二次页面加载阿贾克斯。对第二页我想隐藏收音机和文字输入栏。我试过jQuery与.on和.live，但我不能得到它的工作。请帮助.thnx

你是否在你的run.jsp文件中加载了jquery？我在任何地方都看不到它 – Anand

我在两个文件里面都试过它最终通过在主页面中给出内部getinfo来计算出来 –

答

试试这个：把你的代码中$(document).ready(..这将确保您的DOM已准备就绪，然后调用.hide()电台和文本框。

$(document).ready(function(){ 
    $('#rd').hide(); 
    $('#fr').hide(); 
});

编辑：由于您加载在AJAX调用页面然后隐藏在阿贾克斯即的getInfo的

function getInfo(){ 
    if(request.readyState==4){ 
     var val=request.responseText; 
     document.getElementById('dsp').innerHTML=val; 
     document.getElementById('rd').style.display = 'none'; 
     document.getElementById('fr').style.display = 'none'; 
    } 
}

已经在两页都试过了没有运气到目前为止:(它不访问jquery一个简单的警报也没有工作 –

请在上面的回答中尝试编辑 –

加载jquery lib可能会有问题，请尝试使用javascript now。请检查浏览器控制台是否有任何错误。如果您可以在jsfiddle上重现相同的问题，我可以帮助您解决问题 –

答

包括在你的第二个JSP页面jQuery的回调函数，单选按钮和文本，添加jquery.ready功能和写你的代码在里面，希望它能解决问题。您也可以尝试并放在您的本地系统上，如果从CDN加载的问题也将得到解决。

JQuery的不AJAX网页上加载了

相关推荐