关于AJAX $.post 和 $.get 的用法-ljx2380000-ChinaUnix博客

文章分类

文章存档

2012年（17）

我的朋友

相关博文

关于AJAX $.post 和 $.get 的用法

分类： WINDOWS

2012-06-14 15:19:42

点击(此处)折叠或打开

<!DOCTYPE html>
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$.post 练习</title>
<script type="text/javascript" language="javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
/* $.post 练习 */
$("#username").blur(function(){
var url = "checkusername.php";
var send_data = { "username" : $("#username").val() };
$.post(url,send_data,function(data){
$("#msg").html(data);
});
});
})
</script>
</head>
<body>
<input type="text" id="username" value=""/>
<div id="msg"></div>
</body>
</html>

2.getJSON练习

点击(此处)折叠或打开

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>getJSON练习</title>
<script type="text/javascript" language="javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
/* getJSON练习 */
var url = "json.json";
$.getJSON(url,function(data){
$(".result").empty();
var str = "";
$.each(data , function(InfoIndex , Info){
str +=InfoIndex + "
" ;
str +="firstname:" + Info[0]['firstname'] +"
" ;
str +="firstname:" + Info[1]['firstname'] +"
" ;
str +="firstname:" + Info[2]['firstname'] +"
" ;
});
$(".result").html(str);
});
})
</script>
</head>
<body>
<input id="username" value="" type="text"/>
<div id="msg"></div>
<div></div>
</body>
</html>

阅读(1685) | 评论(0) | 转发(0) |

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们