如何使用ajax从db获取数据

时间:2013-11-23 11:52:40

标签: javascript php jquery html

我必须使用以下内容从db获取bio:

<body>
 <div id="t1" class ="aDiv">
  <h2 id="tlh">Lois</h2>
   <div id="tabs1">
  <ul>
  <li><a href="#ltab1" onClick="whonext()">Lois</a></li>
  <li><a href="#ltab2" onClick="getBio('Lois','ltab2')">Bio</a></li>
  <li><a href="#ltab3" onClick="getFans()">Fans</a></li>
  <li><a href="#ltab4" onClick="">Fan of</a></li>
  </ul>

和PHP:

<?php
 include("dbconnect.php");
 $username=$_GET['username'];
 $query = "select bio from cast where username = '$username'";
 $link = mysql_query($query);
 if (!$link) {
   die($query);
 }
 $rows = array();
 while($r = mysql_fetch_assoc($link)) {
  $rows[] = $r;
 }
 $json=json_encode($rows);  
 echo $json;
 ?>

Tab 2发起的AJAX请求在服务器上由一个名为getbio.php的脚本处理。

我对网页设计完全不熟悉,坦率地说,我仍然不太了解功能....自从我开始学习以来,仅用了1.5个月。谁能帮助我? 谢谢, 阿加

2 个答案:

答案 0 :(得分:0)

只要您导入了jQuery,以下内容就可以正常工作。我不确定你的第二个参数应该达到什么,所以只称它为'el'。

function getBio(name, el) {
    $.get('/getbio.php?username=' + name, function(data) {
        // use data to update whatever you need
    });
}

jQuery.get()函数中的第一个参数是发送请求的Url,第二个是成功函数。要添加失败函数,您可以在.fail()函数的末尾添加get处理程序。

答案 1 :(得分:0)

这样做的一种可行方法是使用Node.js,但似乎是通过AJAX调用:

function getBio(name, tab) {
  var xhttp; 
  if (str == "") {
    document.getElementById("tlh").innerHTML = "";
    return;
  }
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    document.getElementById("tlh").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "getbio.asp?q="+name, true);
  xhttp.send();
}