当前位置:首页>开发>正文

ajax都可以做什么 这段ajax代码是用来做什么的怎么用呢?

2023-04-20 14:19:35 互联网 未知 开发

 ajax都可以做什么 这段ajax代码是用来做什么的怎么用呢?

ajax都可以做什么

可以在不刷新页面的情况和服务器通信。
举一个应用场景:我们用web版的邮箱写邮件,如果不小心关掉页面,我们所写的内容就会丢失。
但是在使用了AJAX技术的邮箱,它会定时自动保存。当然是保存到服务器上的。而这种通信,显然是不能刷新页面的,这就需要用到了AJAX技术。

这段ajax代码是用来做什么的?怎么用呢?

这只是一个ajax的调用方法 我想写上了应该就会用上 如果没有调用这个makeRequest() 方法的话 可以去掉 function makeRequest(url, functionName, httpType, sendData) {

 http_request = false  
 if (!httpType) httpType = "GET" //判断是post 还是get 提交方式

-------判断是什么浏览器-----------
//开始初始化XMLHttpRequest对象
 if (window.XMLHttpRequest) { //Mozilla 浏览器
  http_request = new XMLHttpRequest()
  if (http_request.overrideMimeType) {//设置MiME类别
   http_request.overrideMimeType(text/plain)
  }
 } else if (window.ActiveXObject) {// IE浏览器
  try {
   http_request = new ActiveXObject("Msxml2.XMLHTTP")
  } catch (e) {
   try {
    http_request = new ActiveXObject("Microsoft.XMLHTTP")
   } catch (e) {}
  }
 }
 if (!http_request) {// 异常,创建对象实例失败
  alert(Cannot send an XMLHTTP request)== window.alert("不能创建XMLHttpRequest对象实例.")
  return false
 }
----------------------------------------------
  // 确定发送请求的方式和URL以及是否同步执行下段代码
 var changefunc="http_request.onreadystatechange = " functionName
 eval (changefunc)
 //http_request.onreadystatechange = alertContents
 http_request.open(httpType, url, true) //httpType 提交方式  url 提交地址  true同步还是异步
 http_request.setRequestHeader(Content-Type, application/x-www-form-urlencoded)
 http_request.send(sendData)//发送消息内容
}
---------我一般还会写上这个 ------------
  // 处理返回信息的函数
    function processRequest() {
    if (http_request.readyState == 4) { // 判断对象状态
    if (http_request.status == 200) { // 信息已经成功返回,开始处理信息
    alert(http_request.responseText)
    } else { //页面不正常
    alert("您所请求的页面有异常。")
    }
    }
    }

ajax 的作用

AJAX最根本原理就是在不刷新页面的情况下访问服务器处理数据,并根据数据的处理结果按你想要的方式对页面作出即时更改。 具体流程: AJAX发出请求-->服务器接受请求,处理请求并将处理结果返回-->AJAX收到结果,按照你设定的方式解析结果并更改页面内容。 至于还能做什么,这个就看你怎么用了,AJAX本身并没有限制只能做什么,只要需要它的机制原理带来的好处来处理数据,那就可以用AJAX。 PS:你要效果其实就是要例子就是要代码。AJAX网上的实例很多,搜搜就有了。

最新文章