Jquery 根据mysql数据库中的项目数将top属性应用于div

Jquery 根据mysql数据库中的项目数将top属性应用于div,jquery,mysql,Jquery,Mysql,我有一个包含多个项目的mysql数据库,我想通过jquery根据mysql数据库中的项目数更改页脚部分的top属性 这是newsletter.php的服务器端部分 <?php //allow sessions to be passed so we can see if the user is logged in session_start(); //connect to the database so we can check, edit, or insert da

我有一个包含多个项目的mysql数据库,我想通过jquery根据mysql数据库中的项目数更改页脚部分的top属性

这是newsletter.php的服务器端部分

<?php
    //allow sessions to be passed so we can see if the user is logged in
    session_start();
    //connect to the database so we can check, edit, or insert data to our users table
    $con = mysql_connect('localhost', 'user', 'pwd') or die(mysql_error());
    $db = mysql_select_db('newsletter', $con) or die(mysql_error());
    $SQL = "SELECT * FROM papers";
    if(array_key_exists('rowcount', $_GET)) {
      $query = mysql_query("select count(*) as total FROM papers");
      $result = mysql_fetch_array($query);
      $json = array('rowCount' => $result); // can add more data here
      return json_encode($json);
    }
?>
<script>
    $.getJSON('newsletter.php?rowCount', function(data) {
        var jsonData = $.parseJSON(data);
        var ntop = jsonData.rowCount * 250;
        $('#footer').css('top', ntop);
    });
</script>
这是newsletter.php的客户端部分

<?php
    //allow sessions to be passed so we can see if the user is logged in
    session_start();
    //connect to the database so we can check, edit, or insert data to our users table
    $con = mysql_connect('localhost', 'user', 'pwd') or die(mysql_error());
    $db = mysql_select_db('newsletter', $con) or die(mysql_error());
    $SQL = "SELECT * FROM papers";
    if(array_key_exists('rowcount', $_GET)) {
      $query = mysql_query("select count(*) as total FROM papers");
      $result = mysql_fetch_array($query);
      $json = array('rowCount' => $result); // can add more data here
      return json_encode($json);
    }
?>
<script>
    $.getJSON('newsletter.php?rowCount', function(data) {
        var jsonData = $.parseJSON(data);
        var ntop = jsonData.rowCount * 250;
        $('#footer').css('top', ntop);
    });
</script>
这是理论上的解决方案,但浏览器会发送错误日志“jsonData为空”

function redraw(){
    var ntop = <?php echo $result['total'];?> * 250
    .....
}
这就是你想要的吗


这就是您想要的吗?

实现这一点的一种方法是提供一个端点,JQuery可以通过$.post、$.get、$.ajax进行查询,例如

$.getJSON('ajax.php?rowcount', function(data) {
  var jsonData = $.parseJSON(data);

  var ntop = jsonData.rowCount * 250;
  $('#footer').css('top', ntop);
}
以及类似以下内容的php脚本:

if(array_key_exists('rowcount', $_GET)) {
  $query = mysql_query("select count(*) as total from table_name");
  $result = mysql_fetch_array($query);
  $json = array('rowCount' => $result); // can add more data here
  return json_encode($json);
}

一种方法是提供一个端点,JQuery可以通过$.post、$.get、$.ajax进行查询

$.getJSON('ajax.php?rowcount', function(data) {
  var jsonData = $.parseJSON(data);

  var ntop = jsonData.rowCount * 250;
  $('#footer').css('top', ntop);
}
以及类似以下内容的php脚本:

if(array_key_exists('rowcount', $_GET)) {
  $query = mysql_query("select count(*) as total from table_name");
  $result = mysql_fetch_array($query);
  $json = array('rowCount' => $result); // can add more data here
  return json_encode($json);
}

好啊我会尽快尝试,我会告诉你这是否是worksinfensus,对不起,但我理解,但在mysql连接中,我应该调用并解析用户/pwd数据的代码的哪一部分?因为mysql是服务器端的东西,所以你可以自由地连接到该脚本中某个地方的数据库,或者更好的做法是,创建一个单独的mysql脚本并将其包含在内,它将有方法打开和关闭您的数据库,例如mysql->open..do query。。mysql->close;返回json;请在这种情况下,你能举一些使用mysql脚本的例子吗?有很多选择:好的。我会尽快尝试,我会告诉你这是否是worksinfensus,对不起,但我理解,但在mysql连接中,我应该调用并解析用户/pwd数据的代码的哪一部分?因为mysql是服务器端的东西,所以你可以自由地连接到该脚本中某个地方的数据库,或者更好的做法是,创建一个单独的mysql脚本并将其包含在内,它将有方法打开和关闭您的数据库,例如mysql->open..do query。。mysql->close;返回json;请在这种情况下,你认为你可以举一些使用mysql脚本的例子吗?有很多选择: