2013-11-23 30 views
0

得到的数据我得从数据库中使用这些获得生物:如何从数据库中使用AJAX

<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个月。任何人都可以帮我吗? 谢谢, Aga

回答

0

只要您有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()处理程序。

+0

好,但哪里是AJAX的呢?函数getBroons(){//页面加载函数 \t var myurl =“scripts/getbroons.php”; \t $阿贾克斯({ \t类型: “GET”, \t网址:myurl,数据类型: 'JSON',//一个JSON对象将被从服务器返回 \t成功:函数(thebroons){//它的工作原理! – user2976554

+0

'$ .get'函数是'$ .ajax({type =“GET”...'函数的简写,所以它基本上是相同的 –

+0

谢谢。它听起来很愚蠢,但你的意思是第二个参数呢?我真的很抱歉,但我们从来没有在学校被告知过...... – user2976554

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(); 
} 
相关问题