[分享]使用Ajax_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
4
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 4099 | 回复: 3   主题: [分享]使用Ajax        下一篇 
minglang.yu
注册用户
等级:中尉
经验:441
发帖:11
精华:0
注册:2014-3-30
状态:离线
发送短消息息给minglang.yu 加好友    发送短消息息给minglang.yu 发消息
发表于: IP:您无权察看 2014-4-3 9:17:54 | [全部帖] [楼主帖] 楼主

一个功能可以用很多方式去实现,我们通常会选择最省事,最高效的。

在合适的地方使用Ajax,通过异步模式,提升用户体验;Ajax在客户端运行,承担部分本来由服务器承担的工作,从而减少大用户量下的服务器负载;优化浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用。

实现ajax的步骤:js事件触发js函数
1.js创建XMLHttpRequest
2.在XMLHttpRequest中设置要发送的请求和参数
3.使用XMLHttpRequest对象将请求发送给服务器
4.接收服务器返回的数据
5.将数据显示在页面上

针对不同浏览器创建XMLHttpRequest对象的固定代码

functioncreateXmlHttp(){
      if(window.XMLHttpRequest){
            xmlHttp=newXMLHttpRequest();
            if(xmlHttp.overrideMimeType){
                  xmlHttp.overrideMimeType("text/xml");
            }
      }elseif(window.ActiveXObject){
      try{
            xmlHttp=newActiveXObject("MSXML2.XMLHTTP");
      }catch(e){
      try{
            xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
      }catch(e){
      alert("不能创建XmlHttpRequest");
}
}
}
}
varxmlHttp;
functionmethod(obj){
      createXmlHttp();//创建XMLHttpRequest对象
      xmlHttp.open('get',url,true);
      //第一个为提交方式get或者post
      //第二个要发送的请求路径及其参数
      //第三个参数同步还是异步模式
      xmlHttp.send(null);
      //发送请求;send()方法无参传递一般是发送null值,否则Firfox中使用会报错
      xmlHttp.onreadystatechange=callback{
            //获取返回值,
            //根据xmlHttp的readyState状态判定请求状态。
            //根据xmlHttp的status中的HTTP状态码判定请求处理结果
            //xmlHttp的responseText属性值就是服务器返回的数据
      };
}


readyState值含义:
0:表示XMLHttpRequest对象已建立,但还未初始化,这时尚未调用open方法
1:表示open方法已经调用,但未调用send方法(已创建,未发送)
2:表示send方法已经调用,其他数据未知
3:表示请求已经成功发送,正在接受数据
4:表示数据已经成功接收。




赞(0)    操作        顶端 
hui.chen
注册用户
等级:大校
经验:6070
发帖:48
精华:4
注册:2014-2-7
状态:离线
发送短消息息给hui.chen 加好友    发送短消息息给hui.chen 发消息
发表于: IP:您无权察看 2014-4-3 9:23:23 | [全部帖] [楼主帖] 2  楼

jquery的ajax更省事哦,这个帖子也不错http://www.landingbj.com/jbbs/t-0-238441-1.html

北京联动北方科技有限公司


u=2871144702,1362725177&fm=21&gp=0.jpg.gif


赞(0)    操作        顶端 
java_along
注册用户
等级:上尉
经验:771
发帖:36
精华:0
注册:2014-2-17
状态:离线
发送短消息息给java_along 加好友    发送短消息息给java_along 发消息
发表于: IP:您无权察看 2014-4-6 19:32:53 | [全部帖] [楼主帖] 3  楼

哎呀 这不是我的贴嘛 见笑 见笑



赞(0)    操作        顶端 
hui.chen
注册用户
等级:大校
经验:6070
发帖:48
精华:4
注册:2014-2-7
状态:离线
发送短消息息给hui.chen 加好友    发送短消息息给hui.chen 发消息
发表于: IP:您无权察看 2014-4-9 10:38:40 | [全部帖] [楼主帖] 4  楼

哈哈……都不错 北京联动北方科技有限公司


u=2871144702,1362725177&fm=21&gp=0.jpg.gif


赞(0)    操作        顶端 
总帖数
4
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论