分類專欄： jquery html 文章標(biāo)簽： jquery php html 前端
json格式的數(shù)據(jù)文件有兩種方式
一種是xxx.json文件
一種是xxx.php文件
前者是json格式的文件
后者是輸出json格式的文件
前者是本地的文件
前者是本地的文件
后者是獲取數(shù)據(jù)庫(kù)的數(shù)據(jù)在輸出json格式的php文件
先說(shuō)前者
例如有一個(gè)json格式的文件
data.json
[
{
'id':'001',
'title':'百度',
'url':'http://www.baidu.com'
},
{
'id':'002',
'title':'阿里',
'url':'www.alibaba.com'
},
{
'id':'003',
'title':'騰訊',
'url':'www.qq.com'
}
]
通過(guò)ajax.html獲取數(shù)據(jù)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax請(qǐng)求json數(shù)據(jù)</title>
</head>
<div id="test"></div>
<script src="https://code.jquery.com/jquery-3.0.0min.js"></script>
<script>
$(function(){
$.ajax({
//請(qǐng)求方式
type:"GET",
//文件位置
url:"data.json",
//返回?cái)?shù)據(jù)格式為json,也可以是其他格式如
dataType:"json",
//請(qǐng)求成功后要執(zhí)行的函數(shù)，拼接html
success:function(data){
var atr="<ul>";
$.each(data,function(i, n){
var str="<li>"+"ID::"+n.id+"</li>";
str+="<li>"+"標(biāo)題:"+n.title+"</li>";
str+="<li>"+"地址:"+n.url+"</li>";
});
str+="</ul>";
$("div").append(str);
}
});
});
</script>
</body>
</html>
html頁(yè)面引入了
接下來(lái)就是后者了
后者就是直接從數(shù)據(jù)庫(kù)獲取數(shù)據(jù)，并且輸出json格式的數(shù)據(jù)
例如命名為api.php
<?php
header("content-type:application/json");
//獲取數(shù)據(jù)庫(kù)配置
require_once("config.php");
//連接數(shù)據(jù)庫(kù)
$con = mysql_connect($host,$username,$password);
if (!$con)
{
die('連接數(shù)據(jù)庫(kù)失敗，失敗原因：'.mysql_error());
}
//設(shè)置數(shù)據(jù)庫(kù)字符集
mysql_query("SET NAMES UTF8");
//查詢數(shù)據(jù)庫(kù)
mysql_select_db($db,$con);
//獲取最新的10條數(shù)據(jù)
$result = mysql_query("SELECT id,resname,imgurl,resint,resurl,pageview FROM $restb ORDER BY id DESC LIMIT 0,20");
$results = array();
while ($row = mysql_fetch_assoc($result)){
$results[]=$row;
}
//將數(shù)組轉(zhuǎn)成json格式
echo json_encode($results);
//關(guān)閉連接
mysql_free_result($result);
mysql_close($link);
echo $json;
?>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
因?yàn)樯婕暗竭B接數(shù)據(jù)庫(kù)，把數(shù)據(jù)地址、賬號(hào)、密碼、數(shù)據(jù)庫(kù)名、表名都寫到一個(gè)config.php里面直接在api.php引入
config.php
<?php
//配置文件 - BY TANKING
//下面是連接數(shù)據(jù)庫(kù)主機(jī)、用戶名、密碼、數(shù)據(jù)庫(kù)名、表名
$host="localhost";
$username="root";
$password="root";
$db="list";
$restb="reslist";
?>
訪問(wèn)api.php會(huì)直接跟前者一樣，只是一個(gè)是在數(shù)據(jù)庫(kù)獲取，一個(gè)是在本地獲取
————————————————
版權(quán)聲明：本文為CSDN博主「python183360」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/python183360/article/details/90182951
聯(lián)系客服
