首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >页面在JQuery .load()之后不工作

页面在JQuery .load()之后不工作
EN

Stack Overflow用户
提问于 2012-07-06 18:46:01
回答 1查看 173关注 0票数 0

如果mysql代码在index.php文件中,它可以正常工作,但不能刷新。我曾尝试将其移动到另一个文件中,然后使用JQuery函数.load()加载它。

代码语言:javascript
运行
复制
$("#pagesn").load("data.php");

现在可以重新定义了,但是链接不再起作用了,有什么想法吗?

Mysql代码:

代码语言:javascript
运行
复制
<?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代码:

代码语言:javascript
运行
复制
$(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);
    });     
});

尝试将该php文件包含到特定的div,然后用JS刷新它,得到相同的结果,而不是工作结果。

EN

回答 1

Stack Overflow用户

发布于 2012-07-06 18:51:00

尝试使用.ajax()函数

代码语言:javascript
运行
复制
$.ajax({
  type: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});

下面是一个使用我正在使用的here的XMLHTTPRequest的更广泛的示例

代码语言:javascript
运行
复制
// 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;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11360714

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档