2007-11-23
jQuery之ajax post篇 - [jQuery]
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://edlongren.blogbus.com/logs/10969071.html
jQuery真的是一个不错的东西，感觉比prototype处理更加简单一些。
对object的事件绑定，尤其方便，比如你想把ID为"mBtn"的按钮绑定一个点击事件，
可以直接用$("#mBtn").click(funtion(){//here is fn});
关于jQuery大家可以直接去官网上面下载，另外jQuery的教程做的也是别具特色。
jQuery 官网及下载：http://wiki.jquery.org.cn/doku.php
jQuery教程：http://jquery.org.cn/api/cn/api_11.xml
以下是一个ajax的post例子。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My jQuery</title>
<meta name="Author" content="EdLongRen">
<script src="jquery-1.2.1.min.js"></script>
</head>
<body>
<div id="LoadingStatus" style="background:red;color:#fff;float:right;width:100px;display:none;border:1px solid #000;z-index:1000;">正在加载...</div>
<div id="msg" style="border:1px solid #ccc"></div>
<div><input type="button" value="Get" id="getBtn"></div>
<script language="JavaScript">
<!--
function myajax(ajaxurl,para){
$('#LoadingStatus').show();//显示进度条
$.ajax({
url: ajaxurl,
type: 'POST',
dataType: 'html',
timeout: 20000,//超时时间设定
data:para,//参数设置
error: function(){alert('error');$('#LoadingStatus').hide(2000);},//错误处理，隐藏进度条
success: function(html){
//加载成功处理
$('#LoadingStatus').hide(2000);
$('#msg').html(html);
}
});
}
var ajaxurl="http://www.snowangel.cn/rss/where.php";
var para='&wd=钻石&url=diamond168.com&inBaidu=1&inGoogle=1';
$("#getBtn").click(function(){myajax(ajaxurl,para);});//绑定
</script>
</body>
</html>
随机文章：
收藏到：Del.icio.us
