宝哥软件园

浅谈ajax请求技术

编辑:宝哥软件园 来源:互联网 时间:2021-09-08

1.写在前面:

阅读要求:

有一定的HTML、CSS、JavaScript和Json基础

2.什么是ajax

Ajax:即“异步Javascript和XML”,是指一种用于创建交互式网络应用程序的网络开发技术。

3.为什么要使用ajax

在动态网页开发技术中,客户端(通常是浏览器)和服务器之间的数据交互非常频繁,因此如何节省网络资源并提供良好的用户体验至关重要。Ajax采用异步请求方式,使其无需刷新整个页面即可实现与后台的数据交互,从而更新内容.

4.如何使用本机ajax

使用ajax技术的关键点在于XMLHttpRequest(注意:ie5和ie6使用ActiveXObject)对象,所以利用好这个对象是关键

注意:

函数loadData() {//创建一个XMLHttpRequest对象var XMLHttpRequest tobj={ };//创建json对象,并将json格式的数据发送到服务器。var jsonObj={ };if(窗口。XMLHttpRequest) {//IE7,火狐,Chrome,Opera,Safari xmlHttpRequestObj=new XMLHttpRequest();} else { //IE6,IE5 xmlHttpRequestObj=new ActiveX object(' Microsoft。XMLHTTP’);}//当请求状态改变时,将调用xmlhttprequesttobj . onreadystatechange方法xmlhttprequesttobj . onreadystatechange=function(){ if(xmlhttprequesttobj . readystate==0){ alert(" open()" function不执行);} else if (xmlhttprequesttobj。readystate==1) {alert ("open()函数已执行,send()函数未执行");} else if (xmlhttprequesttobj。readystate==2) {alert ("send()函数已执行,可以获得标头和状态代码")} else if (xmlhttprequesttobj。readystate==3) {alert("收到标头,解析响应正文");} else if (xmlhttprequesttobj。readystate==4) {alert("请求已完成");If (xmlhttprequesttobj。status==200) {alert("响应就绪,反序列化json对象以将数据填充到页面");} else if (xmlhttprequesttobj。status==400) {alert("页面丢失");} else {Alert("服务异常");}} }//method:请求模式:GET、POST、PUT、DELETE.Url:请求地址asnyc:是否采用异步xmlhttprequesttobj . open(' method ',' Url ',async);//设置请求头,需要加载POST请求格式,其他不需要xmlhttprequesttobj . setrequest header(' content-type ',' application/x-www-form-URL encoded ');//请求数据。参数是jsonObj json对象xmlHttpRequestObj.send(jsonObj)。}以上关于ajax request技术的文章是边肖与大家分享的全部内容,希望能给大家一个参考,多多支持我们。

更多资讯
游戏推荐
更多+