杨幂唱歌的视频,欧洲性感美女诱惑性生活视频,关于鞠婧祎的视频

AJAX讀取JSON格式數(shù)據(jù)

fanjj >《我的圖書館》

2009.05.21

關注

首先，我們隨意寫個JSON格式的數(shù)據(jù)文件user.txt

Java代碼

{
userName: "nihao",
sex: "male",
age: "23"
}

{userName: "nihao",sex: "male",age: "23"}

下面我們寫個AJAX用到一個基本的ajax.js文件一般這里我們這個文件分別寫出來。

Java代碼

function createXMLHttpRequest() {
var req;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
}else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
return req;
}

function createXMLHttpRequest() {var req;if (window.XMLHttpRequest) {req = new XMLHttpRequest();}else if (window.ActiveXObject) {req = new ActiveXObject("Microsoft.XMLHTTP");}return req;}

另外，我們導入一個Ajax的資源文件prototype1.6.js，在結(jié)束時我上傳給大家。

然后，我們建個主頁面來jsontest.html測試下AJAX讀取JSON格式的數(shù)據(jù)。

Java代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="./ajax.js"></script>
<script type="text/javascript" src="./prototype1.6.js"></script>
<title>jsontest.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=GB18030">
<script type="text/javascript">
var req = createXMLHttpRequest();
function startRequest(){
try{
req.onreadystatechange = handleStateChange;
req.open("GET", "user.txt", true);
req.send(null);
}catch(exception){
alert("");
}
}
function handleStateChange(){
if(req.readyState == 4){
if (req.status == 200 || req.status == 0){
// 取得返回字符串
var resp = req.responseText;
// 構(gòu)造返回JSON對象的方法
var func = new Function("return " + resp);
// 得到JSON對象
var json = func( );
// 顯示返回結(jié)果
alert("userName: " + json.userName + " " + "sex: " + json.sex + " " + "age: " + json.age);
}
}
}
</script>
</head>
<body>
<div>
<input type="button" value="json's value"
onclick="startRequest();" />
</div>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><!-- 導入兩個js文件 --><script type="text/javascript" src="./ajax.js"></script><script type="text/javascript" src="./prototype1.6.js"></script><title>jsontest.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=GB18030"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript">var req = createXMLHttpRequest();function startRequest(){try{req.onreadystatechange = handleStateChange;req.open("GET", "user.txt", true);req.send(null);}catch(exception){alert("");}}function handleStateChange(){if(req.readyState == 4){if (req.status == 200 || req.status == 0){// 取得返回字符串var resp = req.responseText;// 構(gòu)造返回JSON對象的方法var func = new Function("return " + resp);// 得到JSON對象var json = func( );// 顯示返回結(jié)果alert("userName: " + json.userName + " " + "sex: " + json.sex + " " + "age: " + json.age);}}}</script></head><body><div><input type="button" value="json's value"onclick="startRequest();" /></div></body></html>

試運行結(jié)果，大家自己去調(diào)試了，在瀏覽器里輸入http://localhost:8080/jsontest/jsontest.html即可了。

最后，給大家上傳AJAX的一個js資源文件prototype1.6.js

本站僅提供存儲服務，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權內(nèi)容，請點擊舉報。

打開APP，閱讀全文并永久保存查看更多類似文章

一個jquery-ajax post例子ajax 登陸

php+jquery+ajax+json的一個最簡單實例

javascript-ajax-json-java-servlet互相傳值取值

WEB消息提醒實現(xiàn)之二實現(xiàn)方式-Jquery Ajax長輪詢

Ajax 和 XML: 五種 Ajax 反模式

MVC ActionResult

更多類似文章 >>

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看