JQuery的不AJAX網頁上加載了

主要頁面的index.htmlJQuery的不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

來源

2015-07-21 Aditya Mukundan

你是否在你的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'; 
    } 
}

來源

2015-07-21 06:24:02

已經在兩頁都試過了沒有運氣到目前爲止:(它不訪問jquery一個簡單的警報也沒有工作 –

請在上面的回答中嘗試編輯 –

加載jquery lib可能會有問題，請嘗試使用javascript now。請檢查瀏覽器控制檯是否有任何錯誤。如果您可以在jsfiddle上重現相同的問題，我可以幫助您解決問題 –

包括在你的第二個JSP頁面jQuery的回調函數，單選按鈕和文本，添加jquery.ready功能和寫你的代碼在裏面，希望它能解決問題。您也可以嘗試並放在您的本地系統上，如果從CDN加載的問題也將得到解決。

來源

2015-07-21 06:47:36

JQuery的不AJAX網頁上加載了

回答

相關問題