AJAX学习(1)(ajax自学)

  本篇文章为你整理了AJAX学习(1)(ajax自学)的详细内容,包含有ajax基础教程 ajax自学 ajax入门教程 ajax教学 AJAX学习(1),希望能帮助你了解 AJAX学习(1)。

  Ajax 的核心是 XMLHttpRequest 对象,用于和服务器交换数据。

  

xmlhttp.open("GET","ajax_info.txt",true);

 

  xmlhttp.send();

 

  异步和同步的区别

    异步请求就当发出请求的同时,浏览器可以继续做任何事,Ajax发送请求并不会影响页面的加载与用户的操作,相当于是在两条线上,各走各的,互不影响。一般默认值为true。异步请求可以完全不影响用户的体验效果,无论请求的时间长或者短,用户都在专心的操作页面的其他内容,并不会有等待的感觉。

    同步请求即是当前发出请求后,浏览器什么都不能做,必须得等到请求完成返回数据之后,才会执行后续的代码,相当于是排队,也就是说,当JS代码加载到当前ajax的时候会把页面里所有的代码停止加载,页面处于一个假死状态,当这个ajax执行完毕后才会继续运行其他代码页面解除假死状态(即当ajax返回数据后,才执行后面的function)。

  
一般建议使用post方式,get方式有概率获取到的是缓存里面的结果

  

//创建 XMLHttpRequest 对象的语法

 

  variable=new XMLHttpRequest();

  //老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:

  variable=new ActiveXObject("Microsoft.XMLHTTP");

 

  当然也可以避免这个情况, 在URL 添加一个唯一的 ID既可以避免

  

xmlhttp.open("GET","/try/ajax/demo_get.php?t=" + Math.random(),true);

 

  xmlhttp.send();

 

  get和post发送带信息的区别

  

//get

 

  xmlhttp.open("GET","/try/ajax/demo_get2.php?fname=Henry lname=Ford",true);

  xmlhttp.send();

  //post

  xmlhttp.open("POST","/try/ajax/demo_post2.php",true);

  //设置请求头

  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

  //post内容,键值对, 符号分割

  xmlhttp.send("fname=Henry lname=Ford");

 

  
现在基本上都不用这种原生的ajax了,框架内的更好用

  如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

  
如果来自服务器的响应并非 XML,请使用 responseText 属性。

  responseText 属性返回字符串形式的响应,因此您可以这样使用:

  

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

 

  

  当请求被发送到服务器时,我们需要执行一些基于响应的任务

  XMLHttpRequest 对象的三个重要的属性:

  以上就是AJAX学习(1)(ajax自学)的详细内容,想要了解更多 AJAX学习(1)的内容,请持续关注盛行IT软件开发工作室。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: