c# ajax 基本写法 现在都用jquery的ajax 函数了，但是不要忘记基本写法哦
<script type="text/javascript">
$(function()
{
var xhr = new AjaxXmlHttpRequest();
$("#btnAjaxOld").click(function(event)
{
var xhr = new AjaxXmlHttpRequest();
//XMLHTTP默认（也推荐）不是同步请求的，也就是open方法并不像WebClient的DownloadString那样把服务器返回的数据拿到才返回，是异步的，因此需要监听onreadystatechange事件。
xhr.onreadystatechange = function()
{
if (xhr.readyState == 4)//表示服务器完成
{
if(xhr.status == 200)//如果状态码为200则是成功
{
document.getElementById("divResult").innerHTML = xhr.responseText;
}else {
alert("AJAX服务器返回错误！")
}
}
}
xhr.open("GET", "data/AjaxGetCityInfo.aspx?resultType=html", true);
xhr.send(null);
});
})
//跨浏览器获取XmlHttpRequest对象
function AjaxXmlHttpRequest()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX！");
return false;
}
}
}
return xmlHttp;
}
</script>
jquery ajax 常用写法
列表页面
<script language="javascript" type="text/javascript">
function InitList() {
$("#liststr").html("");
var strhtml = "";
$.ajax({
type: "POST",
contentType: "application/json",
url: "WS_Page.asmx/InitList",
data: "{id:'" + $("#txtId").val() + "',url:'" + $("#txtUrl").val() + "',ip:'" + $("#txtIp").val() + "'}",
datatype: 'json',
cache: false,
success: function(json) {
var objlist = eval(json.d);
$.each(objlist, function(n, obj) {
strhtml += "<tr >";
strhtml += "<td>";
strhtml += obj.id;
strhtml += "</td>";
strhtml += "<td>";
strhtml += obj.url;
strhtml += "</td";
strhtml += "<td>";
strhtml += obj.ip;
strhtml += "</td>";
strhtml += "<td>";
strhtml += obj.updatetime;
strhtml += "</td>";
strhtml += "<td>";
strhtml += "<input type='button' value='编辑'onclick='javascript:location.href=\"Manager.aspx?id=" + obj.id + "\"'/>  ";
strhtml += "<input type='button' value='删除'onclick='deleteInfo(" + obj.id + ")'/>";
strhtml += "</td>";
strhtml += "</tr>";
})
$("#liststr").append(strhtml);
},
error: function(err) {
alert(err.responseText);
}
});
}
function deleteInfo(id) {
if (!confirm('确定删除吗?')) return;
if (isNaN(id)) {
alert('参数错误');
return;
}
$.ajax({
type: 'POST',
contentType: 'application/json',
url: 'WS_Page.asmx/DeleteInfo',
data: "{id:" + id + "}",
dataType: 'json',
cache: false,
success: function(json) {
if (json.d == "success") {
alert('删除成功!');
InitList();
} else {
alert(json.d);
}
},
error: function(err) {
alert(err.responseText);
}
});
}
$(document).ready(function() {
InitList();
});
</script>
//manager 页面
<script language="javascript" type="text/javascript">
var id = $.query.get('id');//一定要引用一个插件 urlparameter.js 才能正常获取穿过来的参数。
function getInfoById() {
if(id!=""&& !isNaN(id)) {
$.ajax({
type: "POST",
contentType: "application/json",
url: "WS_Page.asmx/getInfoById",
data: "{id:" + id + "}",
dataType: 'json',
cache: false,
success: function(json) {
var data = eval(json.d);
$("#txtIp").val(data[0].ip);
$("#txtUrl").val(data[0].url);
},
error: function(err) {
alert(err.responsetext);
}
});
}
}
function submitEvent() {
if (id == "" || isNaN(id)) {
$.ajax({
type: "POST",
contentType: "application/json",
url: "WS_Page.asmx/AddInfo",
data: "{url:'" + $("#txtUrl").val() + "',ip:'" + $("#txtIp").val() + "'}",
dataType: 'json',
cache: false,
success: function(json) {
if (json.d.indexOf("success") == 0) {
id = json.d.substring(7);
alert("添加成功！");
}
else {
alert(json.d);
}
},
error: function(err) {
alert(err.responseText);
}
});
} else {
$.ajax({
type: "POST",
contentType: "application/json",
url: "WS_Page.asmx/UpdateInfo",
data: "{url:'" + $("#txtUrl").val() + "',ip:'" + $("#txtIp").val() + "',id:" + id + "}",
dataType: 'json',
cache: false,
success: function(json) {
if (json.d == "success") {
alert("修改成功！");
} else {
alert(json.d);
}
},
error: function(err) {
alert(err.responsetext);
}
});
}
}
$(document).ready(function() {
getInfoById();
});
</script>
