如何使用Ajax从数据库获取数据

Question

我必须使用以下命令从数据库获取简历：

<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;
 ?>

由选项卡2发起的AJAX请求在服务器上由名为getbio.php的脚本处理。

我对网页设计完全陌生，坦率地说，我仍然不太了解功能。...自从我开始学习以来只有1.5个月。 有人可以帮我吗？ 谢谢阿加

Answer 1

只要导入了jQuery，以下内容就可以工作。 我不确定您的第二个参数应该达到什么目的，因此将其称为“ el”。

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

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

Answer 2

一种可能的方法是使用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();
}

如何使用Ajax从数据库获取数据

问题描述

2 个解决方案

解决方案1
0 2013-11-23 11:59:26

解决方案2
0 2017-12-12 16:24:44

如何使用Ajax从数据库获取数据

问题描述

2 个解决方案

解决方案1 0 2013-11-23 11:59:26

解决方案2 0 2017-12-12 16:24:44

解决方案1
0 2013-11-23 11:59:26

解决方案2
0 2017-12-12 16:24:44