Ajax
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)