加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajax总结

发布时间:2020-12-15 22:08:55 所属栏目:百科 来源:网络整理
导读:异步概念: XMLHttpRequest 对象把数据传递到服务器地址后服务器处理,在处理同时可以处理其他事情可以减少等待时间。如果阻塞或者同步则必须等待服务器返回响应,假如数据量大则等待时间特长。 优势: 传统的 web 请求会将表单数据提交到 action 地址服务器

异步概念:

XMLHttpRequest对象把数据传递到服务器地址后服务器处理,在处理同时可以处理其他事情可以减少等待时间。如果阻塞或者同步则必须等待服务器返回响应,假如数据量大则等待时间特长。

优势:

传统的web请求会将表单数据提交到action地址服务器,但是密码email等数据没有必要提交至服务器

Ajax则是按需取数据这样可以降低服务的压力

Ajax步骤:

获取AJAXXMLHttpRequest对象(考虑浏览器兼容性)

Varxhr;

If(window.ActiveXObject){----IE浏览器

Xhr=newActiveXObject(“Microsoft.XMLHttp”);

}elseif(window.XMLHttpRequest){----火狐浏览器

Xhr=newXMLHttpRequest()

}

Open()方法参数1请求方式参数2请求的url参数3是否为异步方式

Varurl=“”;//请求的地址是服务器端

Xhr.open(“GET”,url,true);//打开url

Xhr.onreadystatechange=callback;//见识请求状态

Xhr.send();

Functioncallback(){-----回调函数

If(xhr.readyState==4){-----表示请求已经完

If(xhr.status==200){---表示请求成功

//获取服务器响应的数据

responseText

}

}

}

GET方式请求:

中文转码encodeURL()

浏览器有缓存需要在地址栏传递随机数

POST方式请求:

一定要设置xhr.setRequestHeader

发送的数据通过send()方法发送过去通常使用POST方式


Json_encode()可以将数组转化成字符串

eval()将获取到的内容转化成json格式


服务器给浏览器返回的数据格式:

普通文本:

直接echo

字符串;

Echo

服务器端echo$str

客户端responseText

Json格式数据

服务器:Json_encode()

客户端:responseText使用时候eval()

XML格式数据:

返回数据前需要通过header()函数声明回应数据的格式

谁调用header()函数就放在这个函数的开始

客户端接收的时候应用xhr.responseXML

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读