2013-11-23 34 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(); 
} 
相關問題