php可以抓取网页数据吗(网页与服务器之间的数据交互2.ajax典型应用场景分析(一))

　　php可以抓取网页数据吗(网页与服务器之间的数据交互2.ajax典型应用场景分析(一))

　　最简单的用法 var xhrObi = new XMLHttpRequest()

　　二.资源请求方式

　　当客户端向服务器请求时，请求的方式有很多种。两种最常见的请求方法是 get 和 post 请求。

　　* get 请求通常用于获取服务器端资源（向服务器请求资源）

　　例如：根据URL地址从服务器获取HTML文件、css文件、js文件、图片文件、数据资源等

　　* post请求通常用于向服务器提交数据（向服务器发送资源）

　　例如：登录时向服务器提交登录信息、注册时向服务器提交注册信息、添加用户时向服务器提交用户信息等各种数据提交操作。

　　三.Ajax 1.什么是ajax

　　Ajax的全称是Asynchronous Javascript And XML（异步JavaScript和XML）。

　　通俗理解：在网页中使用XMLHttpRequest对象与服务器交互的方式是Ajax。

　　Ajax 让我们可以轻松实现网页和服务器之间的数据交互

　　

　　2.Ajax典型应用场景

　　用户名检测：注册用户时，动态检测用户名是否被ajax表单占用

　　

　　四.xhr

　　XMLHttpRequest（简称xhr）是浏览器提供的Javascript对象，通过它可以请求服务器上的数据资源。之前学的ajax是基于xhr对象封装的。

　　1.xhr1老版本的特点①只支持文本数据的传输，不能用于读取和上传文件

　　②收发数据时，没有进度信息，只提示是否完成

　　2.xhr2新特性①可以设置HTTP请求的时间限制

　　有时，Ajax 操作非常耗时，无法预测需要多长时间。如果网速很慢，用户可能需要等待很长时间。新版XMLHttpRequest对象增加了timeout属性，可以设置HTTP请求的时间限制：

　　xhr.timeout=3000

　　上述语句将最大等待时间设置为 3000 毫秒。在此时间限制之后，HTTP 请求将自动停止。还有一个超时事件与之匹配，用于指定回调函数：

　　xhr.ontimeout=function(event) {

alert('请求超时！')

}

　　例子：

　　②可以使用FormData对象来管理表单数据

　　Ajax 操作通常用于提交表单数据。为了方便表单处理，HTML5增加了一个FormData对象，可以模拟表单操作；

　　//1.新建FormDate对象

let fd = new FormDate ()

//2.为FormDate添加表单项

fd.append('uname',''zs)

fd.append('upwd','123456')

//3.创建XHR对象

let xhr = new XMLHttpRequest()

//4.指定请求类型与URL地址

xhr.open('请求类型','请求地址')

//5.直接提交FormDate对象，这与提交网页表单的效果完全不一样

xhr.send(fd)

　　例子：

　　FormData对象也可以用来获取网页表单的值，示例代码如下：

　　

　　③可以上传文件