AJax技术

ajax技术基础详解(2)

字号+ 作者:H5之家 来源:H5之家 2017-04-17 09:00 我要评论( )

具体使用: script { var xhr = createXHR();xhr.onreadystatechange = (xhr.readyState== 4 ){alert(xhr.responseText);}} //制作一个请求字符串 var str = "name=tomage=24addr=北京" ; var h = encodeURICompone

具体使用:

<script> { var xhr = createXHR(); xhr.onreadystatechange = (xhr.readyState==4){ alert(xhr.responseText); } } //制作一个请求字符串 var str = "name=tom&age=24&addr=北京"; var h = encodeURIComponent('篮球'); xhr.open("post","./05.php?info=milk&hobby="+h); xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xhr.send(str); } >post请求=="f1()"> </body>

form表单给服务器传递数据是通过XML格式把数据传递到服务器, 现在需要把ajax给服务器传递的数据模仿成form表单的xml数据

setRequestHeader 该方法在open()方法之后调用

7 、get请求和post请求

  • get请求

  • a) 给服务器传递信息在url地址后边显示
  • b) 传递中文需要编码
  • post请求

  • 8、同步和异步请求ajax区别

    同步 : 同一时间程序的主进程只有一个
    异步 : 同一时间程序的进程可有若干个

    浏览器向服务器发起请求,每次需要刷新浏览器重新获取网页内容

    现在我们可以通过ajax向服务器发起请求,可以利用多个ajax对象向服务器发起请求

    这里写图片描述

    xhr.abort() 停止ajax执行
    ajax请求以“异步”动作为主

    9、ajax应用效果

  • 163网址注册,用户名校验

  • ajax无刷新分页效果

  • 这里写图片描述

    3、百度搜索引擎ajax应用

    这里写图片描述

    dom获得“中关村”3个字
    ajax把参数带着,走向服务器
    数据库的服务器,select * from table where name like “中关村%”
    输出查询的到内容 echo
    ajax接收服务器返回信息

    - 把页面上div给显示出来 - 利用dom技术把接收到的信息显示到div页面上

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    网友点评