码迷,mamicode.com
首页 > Web开发 > 详细

Ajax

时间:2017-10-31 18:52:58      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:性能   java   扩展性   array   开发效率   定义   ade   microsoft   css选择器   

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)

Ajax

标签:性能   java   扩展性   array   开发效率   定义   ade   microsoft   css选择器   

原文地址:http://www.cnblogs.com/shanzzs/p/7762736.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!