ajax取json文件夾的數據_ajax獲取json數據求一個詳細的解釋用jq

『壹』如何使用ajax讀取json中的數據

html

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>使用AJAX非同步讀取json</title>
<scriptsrc="ajax.js">
</script>
<script>
window.onload=function()
{
/*獲得按鈕*/
varaBtn=document.getElementById('btn1');
//給按鈕添加點擊事件
aBtn.onclick=function()
{
//調用ajax函數
ajax('data.json',function(str){
//將JSON數據來生成原生的JavaScript對象
vararr=eval(str);
alert(arr[0].b);
});
};
};
</script>
</head>
<body>
讀取json裡面的數據<br/>
<inputid="btn1"type="button"value="讀取json裡面的數據"/>
</body>
</html>

封裝的AJAX函數代碼如下：

/*
AJAX封裝函數
url：系統要讀取文件的地址
fnSucc：一個函數，文件取過來，載入完會調用
*/
functionajax(url,fnSucc,fnFaild)
{
//1.創建Ajax對象
varoAjax=null;

if(window.XMLHttpRequest)
{
oAjax=newXMLHttpRequest();
}
else
{
oAjax=newActiveXObject("Microsoft.XMLHTTP");
}

//2.連接伺服器
oAjax.open('GET',url,true);

//3.發送請求
oAjax.send();

//4.接收伺服器的返回
oAjax.onreadystatechange=function()
{
if(oAjax.readyState==4)//完成
{
if(oAjax.status==200)//成功
{
fnSucc(oAjax.responseText);
}
else
{
if(fnFaild)
fnFaild(oAjax.status);
}
}
};
}

『貳』 layui 利用ajax沖獲取到json 數據後怎樣進行渲染

1、新建一個html文件，命名為test.html。

『叄』如何使用ajax讀取Json中的數據

首先要明白ajax的基本格式，參考下面的內容，可以發現，success是請求成功後伺服器返回的數據，接收只需要把回調函數的值處理就可以了，如：

response:即為伺服器返回的數據，{"uid":123,"name":"jghdream"},

輸出如下：

....
success:function(response){
console.log(response.uid);
console.log(response.name);
}
.....

以下是ajax的一些參數：

$.ajax({
type:'post',
url:'/testajax.php',
dataType:'json',
data:{uid:uid,rands:Math.random()},
success:function(){
alert('ajaxreturnsuccess');
}});

url，類型：String，默認值: 當前頁地址。發送請求的地址

data，類型：String，發送到伺服器的數據。將自動轉換為請求字元串格式。GET 請求中將附加在 URL 後。查看 processData 選項說明以禁止此自動轉換。必須為 Key/Value 格式。如果為數組，jQuery 將自動為不同值對應同一個名稱。如 {foo:["bar1", "bar2"]} 轉換為 '&foo=bar1&foo=bar2'

dataType，類型：String，預期伺服器返回的數據類型。如果不指定，jQuery 將自動根據 HTTP 包 MIME 信息來智能判斷，比如 XML MIME 類型就被識別為 XML。在 1.4 中，JSON 就會生成一個 JavaScript 對象，而 script 則會執行這個腳本。隨後伺服器端返回的數據會根據這個值解析後，傳遞給回調函數。可用值:

"xml": 返回 XML 文檔，可用 jQuery 處理。

"html": 返回純文本 HTML 信息；包含的 script 標簽會在插入 dom 時執行。

"script": 返回純文本 JavaScript 代碼。不會自動緩存結果。除非設置了 "cache" 參數。注意：在遠程請求時(不在同一個域下)，所有 POST 請求都將轉為 GET 請求。（因為將使用 DOM 的 script標簽來載入）

"json": 返回 JSON 數據。

"jsonp": JSONP 格式。使用 JSONP 形式調用函數時，如 "myurl?callback=?" jQuery 將自動替換 ? 為正確的函數名，以執行回調函數。

"text": 返回純文本字元串

success，當請求之後調用。傳入返回後的數據，以及包含成功代碼的字元串。

『肆』 ajax怎麼獲得json文件的數據

JSONArray json = JSONArray.fromObject(models); //list集合數據轉json
response.getWriter().println(json);//傳到前台
//ajax
success: function(data){
var models = eval("("+data+")");
var rows="";
for(var i in models){
rows =rows + "<tr>"+
"<td>"+models[i].statDate+"</td>"+
"<td>"+models[i].endDate+"</td>"+
"<td>"+models[i].name+"</td>"+
"</tr>" ;
}
$("#show_table").append(rows);//添加到table

『伍』 ajax獲取json數據，求一個詳細的解釋用jq

下面就使用jQuery讀取music.txt文件中的JSON數據格式信息。
首先，music.txt中的內容如下：
復制代碼代碼如下:

[
{"optionKey":"1", "optionValue":"Canon in D"},
{"optionKey":"2", "optionValue":"Wind Song"},
{"optionKey":"3", "optionValue":"Wings"}
]

下來是HTML代碼：
復制代碼代碼如下:

<div>點擊按鈕獲取JSON數據</div>
<input type="button" id="button" value="確定" />
<div id="result"></div>

使用Ajax獲取JSON數據的jQuery代碼：
復制代碼代碼如下:

$(document).ready(function(){
$('#button').click(function(){
$.ajax({
type:"GET",
url:"music.txt",
dataType:"json",
success:function(data){
var music="<ul>";
//i表示在data中的索引位置，n表示包含的信息的對象
$.each(data,function(i,n){
//獲取對象中屬性為optionsValue的值
music+="<li>"+n["optionValue"]+"</li>";
});
music+="</ul>";
$('#result').append(music);
}
});
return false;
});
});

當然，也可以使用$.getJSON()方法，代碼簡潔一點：
復制代碼代碼如下:

$(document).ready(function(){
$('#button').click(function(){
$.getJSON('music.txt',function(data){
var music="<ul>";
$.each(data,function(i,n){
music+="<li>"+n["optionValue"]+"</li>";
});
music+="</ul>";
$('#result').append(music);
});
return false;
});
});

『陸』 AJAX 怎麼獲取JSON中的指定數據

假設你從ajax獲取字元串為 ajaxString,則可以這樣獲取ID:
var jsonData = JSON.parse(ajaxString)；
var id = jsonData.result.ID;

『柒』 Jquery用ajax獲取數據後在頁面取不到，確定後台已經傳數據過來了。

Jquery用ajax獲取數據後在頁面取不到，確定後台已經傳數據過來了是設置錯誤造成的，解決方法為：

1、打開HBuilderX工具，創建Web項目，新建靜態頁面ajax.html。

『捌』 Ajax（從json中提取數據）

{name:'平凡的世界',author:'路遙'} 這是你伺服器端返回的json字元串數據，那麼你客戶專端你要怎麼用呢，eval就是屬把一個字元串執行下，讓普通的字元串變成一個對象（好像說得不是很貼切），就是普通字元執行後，裡面的東西會變成可以直接使用的代碼：如日期對象，數組。。。
eval("var movie = " +result); 這句意思就是把字元串變成可以直接使用的對象
執行後就相當於
var movie={name:'平凡的世界',author:'路遙'};把json對免賦值給movie變數
那麼就可以直接引用了movie.name就是「平凡的世界」了movie.author就是「路遙」了，希望你能懂

『玖』 ajax怎麼取出json數據

你好，用遍歷的方式取出data中的數據進行操作：

$.each(data,function(n,value){
alert(value.x+'---'+value.y);
});

『拾』 Ajax怎麼獲取Json數據

$("a").click(function(){
$.ajax({
type:"get",
url:"test1.json",
dataType:"json",
success:function(response,status,xhr){
for(varpinresponse){
varli=$("<li>"+p+"</li>"),
arr=response[p];
varul=$("<ul>");
li.append(ul);
for(vari=0;i<arr.length;i++){
varlii=$("<li>");
varobj=arr[i];
for(varkinobj){
lii.append("<div>"+k+":"+obj[k]+"</div>");
}
ul.append(lii);
}
$("ul").append(li);
}
});
});
});

導航:首頁 > 版本升級 > ajax取json文件夾的數據

ajax取json文件夾的數據

與ajax取json文件夾的數據相關的資料

友情鏈接