Page ne fonctionne pas après JQuery .load()

Question

Si le code mysql est dans le fichier index.php, cela fonctionne très bien, mais il ne peut pas être actualisé J'ai essayé de le déplacer vers un autre fichier, puis le charger avec la fonction JQuery.),

$("#pagesn").load("data.php"); 

maintenant il peut être reféré, mais les liens ne fonctionnent plus aucune idée?

Code Mysql:

<?php 
require_once 'libs/db.class.php'; 
require_once 'libs/global.inc.php'; 

    $sql1="select * from zinutes LIMIT 3"; 
    $result1=$db->select($sql1); 


      $query="select count(*) as tot from zinutes"; 
      $countset=$db->runquery($query); 
      $count=$db->get_row($countset); 
      $tot=$count['tot']; 
      $page=1; 
      $ipp=3;//items per page 
      $totalpages=ceil($tot/$ipp); 
      echo"<ul class='pages'>"; 
      for($i=1;$i<=$totalpages; $i++) 
      { 
       echo"<li class='$i'>$i</li>"; 
      } 
      echo"</ul>"; 
     ?> 

JS code pour en cliquant sur les liens:

$(document).ready(function(){ 
    function showLoader1(){ 
     $('.search-background1').fadeIn(200); 
    } 
    function hideLoader1(){ 
     $('.search-background1').fadeOut(200); 
     alert("yra"); 
    } 

    $("#pagesn").on("click",".pages li",function(){ 
     showLoader1(); 
     $("#pagesn .pages li").css({'background-color' : ''}); 
     $(this).css({'background-color' : '#A5CDFA'});     
     $("#resn").load("data1.php?page=" + $(this).attr("class"), hideLoader1); 
    });  
}); 

essayé d'inclure ce fichier php à div spécifique puis rafraîchir avec JS, a obtenu même, sans résultat travail .

Answer 1

essayez d'utiliser la fonction .ajax()

$.ajax({ 
    type: "POST", 
    url: "some.php", 
    data: { name: "John", location: "Boston" } 
}).done(function(msg) { 
    alert("Data Saved: " + msg); 
}); 

ici est un exemple plus vaste en utilisant un XMLHTTPRequest j'utilise here

// generate section content depending on request type 
var requesttype = getUrlVars()["requesttype"]; 
if (requesttype == undefined) { 
    mainmenu(); 
    document.getElementById("results").innerHTML = "<table border='0' cellspacing='0' cellpadding='0'><tr><td style='border-right:1px solid #E2E2E2'>" + mainmenuContent + "</td></tr></table>"; 
} 

// mainmenu 
function mainmenu() { 
    document.title = "Upgrade World > Home"; 
    document.getElementById("breadcrumb").innerHTML = "<span style='color:#000;'>Home</span>"; 
    if (window.XMLHttpRequest) { 
    xmlhttp = new XMLHttpRequest 
    } else { 
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP") 
    } 
    xmlhttp.open("GET", "proxy.php?requesttype=ModelManufacturers&requestlanguage=" + requestlanguage, false); 
    xmlhttp.send(); 
    xmlDoc = xmlhttp.responseXML; 
    var a = xmlDoc.getElementsByTagName("modelmanufacturer"); 
    prefix = "<table border='0' cellspacing='0' cellpadding='5'>" 
    mainmenuContent = ""; 
    suffix = "</table>" 
    for (i = 0; i < a.length; i++) { 
    mainmenuContent = mainmenuContent + "<tr><td><a href='index.html?requesttype=ModelTypes&requestlanguage=" + requestlanguage + "&modelmanufacturer=" + encodeURIComponent(a[i].childNodes[0].data) + "'>" + a[i].childNodes[0].data + "</a></td></tr>"; 
    } 
    mainmenuContent = prefix + mainmenuContent + suffix; 
}