2011-08-14 36 views
1

想通了離開這個所以有人可以看到,如果他們有一個問題:ANSWERED :: JSON不支持AJAX?代碼中包含了

<html> 
<head> 

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<title>Untitled Document</title> 

<script> 
function games(){ 


$.ajax({ 
    url: "http://allencoded.com/test3.php", 
    dataType: 'json', 

    success: function (data) { 

    var fetchTeam = $("#team").val(); //value from selection 
    var homeTeams = [];//home Teams 
    var visitorTeams = [];//visitor teams 
    var dayPlayed = [];//day of the game ex.Mon 
    var homeTeamFull = []; 
    var visitorTeamFull = []; 
    var gameTime = []; 
    var quarter = []; 
    var visitorScore = []; 
    var homeScore= []; 



    for (var i =0; i < data.gms.length; i++){ 
     homeTeams[i]=data.gms[i].h } 

    for (var i =0; i < data.gms.length; i++){ 
     visitorTeams[i]=data.gms[i].v }  

    for (var i = 0; i < data.gms.length; i++) { 
     dayPlayed[i]=data.gms[i].d} 

    for (var i = 0; i < data.gms.length; i++) { 
     homeTeamFull[i]=data.gms[i].hnn} 

    for (var i = 0; i < data.gms.length; i++) { 
     visitorTeamFull[i]=data.gms[i].vnn} 

    for (var i = 0; i < data.gms.length; i++) { 
     gameTime[i]=data.gms[i].t} 

    for (var i = 0; i < data.gms.length; i++) { 
     quarter[i]=data.gms[i].q} 

    for (var i = 0; i < data.gms.length; i++) { 
     homeScore[i]=data.gms[i].hs} 

    for (var i = 0; i < data.gms.length; i++) { 
     visitorScore[i]=data.gms[i].vs} 




    //for statements to get team user team... 

    for(i=0; i<homeTeams.length; i++) 
    {if (homeTeams[i] == fetchTeam || visitorTeams[i]==fetchTeam) 
     { 
     $("span#hometeam").html(homeTeamFull[i]); 
     $("span#homescore").html(homeScore[i]); 
     $("span#awayteam").html(visitorTeamFull[i]); 
     $("span#awayscore").html(visitorScore[i]); 
     $("span#gametime").html(quarter[i]); 

     } 
    } 

} 
    }); 

} 
</script> 
<style type="text/css"> 
#body{ 
    background-color: #7f007f; 
} 

#wrapper { 

} 
#header { 
    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
    font-size: 18px; 
    font-weight: bold; 
    text-align: center; 
    color: #FFF; 
    line-height:28px; 
    text-shadow: rgba(255,255,255,.2) 0 1px 1px; 
    } 
#hometeam { 
    min-width: 200px; 
    width: 200px; 
    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
    font-size: 18px; 
    font-weight: bold; 
    text-align: left; 
    color: #FFF; 
    line-height:28px; 
    padding-left: 10px; 
} 
#homescore { 
    min-width: 200px; 
    width: 200px; 
    font-weight: bold; 
    line-height: 28px; 
    padding-left: 10px; 
    color: white; 
    font-size: 18px; 
    text-align: left; 
    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
} 
#awayteam { 
    width: 200px; 
    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
    font-size: 18px; 
    font-weight: bold; 
    text-align: left; 
    color: #FFF; 
    line-height:28px; 
    padding-left: 200px; 
} 
#awayscore { 
    width: 200px; 
    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
    font-size: 18px; 
    font-weight: bold; 
    text-align: left; 
    color: #FFF; 
    line-height:28px; 
    padding-left: 200px; 
} 
#formselect { 
    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
    font-size: 12px; 
    text-align: center; 
    color: #FFF; 
    line-height:35px; 
    padding-left: 10px; 
} 
#gametime { 
    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
    font-size: 12px; 
    color: #FFF; 
    font-weight: bold; 
} 
</style> 
</head> 

<body id="body"> 
<div id="wrapper"> 
    <div id="header">NFL Score Zone</div> 
    <div id="formselect"><form id="teamSelect"><select name="team" id="team"> 
    <option value="ARI">Arizona Cardinals</option> 
    <option value="ATL">Atlanta Falcons</option> 
    <option value="BAL">Baltimore Ravens</option> 
    <option value="BUF">Buffalo Bills</option> 
    <option value="CAR">Carolina Panthers</option> 
    <option value="CHI">Chicago Bears</option> 
    <option value="CIN">Cincinnati Bengals</option> 
    <option value="CLE">Cleveland Browns</option> 
    <option value="DAL">Dallas Cowboys</option> 
    <option value="DEN">Denver Broncos</option> 
    <option value="DET">Detroit Lions</option> 
    <option value="GB">Green Bay Packers</option> 
    <option value="HOU">Houston Texans</option> 
    <option value="IND">Indianapolis Colts</option> 
    <option value="JAC">Jacksonville Jaguars</option> 
    <option value="KC">Kansas City Chiefs</option> 
    <option value="MIA">Miami Dolphins</option> 
    <option value="MIN">Minnesota Vikings</option> 
    <option value="NE">New England Patriots</option> 
    <option value="NO">New Orleans Saints</option> 
    <option value="NYG">New York Giants</option> 
    <option value="NYJ">New York Jets</option> 
    <option value="OAK">Oakland Raiders</option> 
    <option value="PHI">Philadelphia Eagles</option> 
    <option value="PIT">Pittsburgh Steelers</option> 
    <option value="SD">San Diego Chargers</option> 
    <option value="SF">San Francisco 49ers</option> 
    <option value="SEA">Seattle Seahawks</option> 
    <option value="STL">St. Louis Rams</option> 
    <option value="TB">Tampa Bay Buccaneers</option> 
    <option value="TEN">Tennessee Titans</option> 
    <option value="WAS">Washington Redskins</option> 
    </select> 
    <input type="button" value="submit" onClick="games();"/> 
    </form></div> 
    <center><span id="gametime">Game Time Remaining</span></center> 
    <center><span id="hometeam"></span><span id="awayteam"></span></center> 
    <center><span id="homescore"></span><span id="awayscore"></span></center> 
</div> 




</body> 
</html> 
+0

您能否詳細說明*「爲什麼它不起作用」*?另外,你是否檢查過'test3.php'提供了正確的頭文件('Content-Type:application/json')? –

+0

我得到了它的工作謝謝你們!上面的新代碼 – allencoded

回答

1

document.write頁面載入結束前只應該使用。您正在使用Ajax回調。

+0

是的,這就是我現在正在做的......用它來處理文檔寫入,正如你在上面看到的那樣。但這只是我使用解決方案之前的臨時修復。 – allencoded