Jquery AJAX示例

<script type="text/javascript">

$(function () {

$("#getTime").click(function () {

//通过jquery的ajax函数实现ajax功能

$.ajax({

type: "post", //请求方式，默认是get方式

url: "Services.aspx", //请求的页面地址

data: "action=getTime", //发送的数据

dataType: "text", //服务端发回的数据类型

beforeSend: function () {

$("#msg").html("正在准备发送请求...完成");

}, //请求发送前调用的函数

error: function () {

$("#msg").text("请求失败");

}, //请求失败时调用的函数

success: function (text) {

$("#msg").text(text); //请求成功时调用的函数

}

});

});

//加载并执行js文件

$("#getJs").click(function () {

$.ajax({

type: "get", //必须以get方式来请求js文件

url: "/JQuery1.7/Skin.js",

dataType: "script"

});

});

//加载xml文件

$("#getXML").click(function () {

$.ajax({

type: "post",

url: "Services.aspx",

dataType: "xml",

data: "action=getXML",

beforeSend: function () {

alert("正在发送请求..完成");

},

error: function () {

alert("请求出错");

},

success: function (xml) {

alert(xml.documentElement.childNodes[0].childNodes[0].text)

}

});

});

//插入数据库中

$("#btnSet").click(function () {

$.ajax({

type: "post",

url: "Services.aspx",

dataType: "text",

data: "action=insertData&username=" + $("#username").val() + "&truename=" + $("#truename").val() + "&pwd=" + $("#pwd").val(),

beforeSend: function () {

alert("发送");

},

success: function (va) {

if (va == 1) {

alert("插入成功");

} else {

alert("失败");

}

}

});

});

//在当前页面指定一块区域，来动态加载显示其他网页的指定内容

$("#load").click(function () {

//只加载显示LoadText页面id为news1的div

$("#content").load("/LoadText.aspx #news1", function () {

alert("加载完毕");

})

});

});

</script>