Ajax

Posted 2020-10-12 随情

var $ = document.getElementById;
//使用Ajax检查用户名是否存在
function doAjax(method,url,data,func) {
//1.创建XMLHttpRequest对象
var xmlhttp;
if (window.XMLHttpRequest)
xmlhttp = new XMLHttpRequest(); //IE8,9,10或firefox或chrome
else
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE5.5,6,7
//2.准备请求
//alert(url + "," + data);
if (method == "GET") {
data = (data == null) ? "" : "?" + data;
xmlhttp.open("GET", url+data, true);
xmlhttp.send(null);
} else {
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader(‘Content-type‘, ‘application/x-www-form-urlencoded;charset=UTF-8;‘);
xmlhttp.send(data);
}
//4.接受响应并处理
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {
// alert(xmlhttp.responseXML);
//获取响应并显示
func(xmlhttp.responseText, xmlhttp.responseXML);
}
}
}
}

 

调用Web Service主要分为3步骤：
1.添加Web引用 2.创建Web服务实例 3.调用Web服务方法.
Web Service优点：
1.平台无关性，2.编程语言无关性，3.部署、升级和维护Web服务简单、方便，4.可以使Web服务使用者轻易实现多种数据、多种服务的聚合，5.成本低，6.数据不受防火墙阻挡。
javascript内部函数：
prototype，class，get，put，canPut，hasProperty，delete，defaulValue，construct，call。
常用的内置对象：Global，Object，function,Array,String,Date,RegExp,Math,Error，
函数的调用3种方法：
函数名(),apply方法和call方法
Ajax是JavaScript，CSS，DOM,XMLHttpRequest4种技术的集合体，主要应用于异步获取后台数据和局部刷新。
优势：
1.不需要插件支持，
2.优秀的用户体验，
3.提高Web程序性能，
4.减轻服务器和宽带的负担，
劣势：
1.浏览器对XMLHttpRequest对象的支持度不足，
2.破坏浏览器前进，后退按钮的正常功能，
3.对搜索引擎支持不足，
4.开发和调试工具欠缺，
jQuery将html表现与内容进行分离，避免在HTML文件中混合大量的JavaScript代码
优点：
1.轻量且高效，
2.提高了开发效率，减少了代码量，
3.丰富了UI库和效果，增强了用户体验，
4.简化了Ajax异步处理，
5.提供插件，扩展性良好，
ASP.NET Ajax框架的组成：
框架类库(Ajax Library),工具包(Ajax ControlToolkit),增值组件(Ajax Futures CTP)，示例代码(Sample)，核心组件(Ajax Extensions) （ScriptManager,UpdatePanel,UpdateProgress,Timer,ScriptManagerProxy）
jQuery是一个轻量级的JavaScript库
1.CSS选择器2.XPath选择器3.自定义选择器
第三方控件（Ajax ControlToolkit）