Ajax作用及Ajax函数编写

什么是Ajax:AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

  • 无刷新数据读取
  • 用户登陆、股票基金网
    • 异步、同步

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。ajax 是与服务器交换数据并更新部分网页的技术,在不重新加载整个页面的情况下。有很多使用 ajax 的应用程序案例:如新浪微博、Google 地图、开心网等等。


百度搜索提示:只要打关键字,就有相关提示。





登录框:






股票信息:






传统的开发模式和ajax开发模式比较:

传统的开发模式:用户的每一次操作都触发一次返回服务器的HTTP请求,服务器做出处理后,返回一个html页面给用户。

ajax开发模式:页面将用户的操作通过ajax引擎与服务器进行通信,将返回的结果给ajax引擎,然后ajax将数据插入指定位置。



Ajax函数编写过程:

					function ajax(url,fnSucc,fnFaild){
						
						//1.创建ajax对象
						if(window.XMLHttpRequest){
							
							//非IE6
							var oAjax=new XMLHttpRequest();
						}
						else{
							//IE6
							var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
						}
						
						//2.连接服务器
							//open(方法,文件名,异步传输)
							oAjax.open('GET',url,true);
						
						//3.发送请求
							oAjax.send();
						
						//4.接收返回
							oAjax.onreadystatechange=function(){
								//oAjax.readyState  //浏览器和服务器,进行到哪一步了
								if(oAjax.readyState==4) //读取完成
								  {
									if(oAjax.status==200) //成功
									  {
										fnSucc(oAjax.responseText);
									}
									else{
										if(fnFaild){
											fnFaild(oAjax.status);
										}
									}
								}
							}
					};



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值