任务一:Aax表单验证 让教学更简单,让∏学习更有效 Ajax对象的创建 (1)主流浏览器 主流浏览器包括火狐、 google、 Safari、 opera等 ar xhr = new XmlHttpreQueSto ·变量xhr就是主流浏览器中Aax的一个对象 对于Aax对象的命名,与 JavaScript中变量命名规则相同,且大小写敏感 9 起
任务一：Ajax表单验证 让IT教学更简单，让IT学习更有效 Ajax对象的创建 （1）主流浏览器 主流浏览器包括火狐、google、Safari、opera等 var xhr = new XMLHttpRequest(); • 变量xhr就是主流浏览器中Ajax的一个对象 • 对于Ajax对象的命名，与JavaScript中变量命名规则相同，且大小写敏感
任务一:Aax表单验证 让教学更简单,让∏学习更有效 Ajax对象的创建 (2)早期版本的浏览器 早期版本的浏览器指的是5、旧6、|7等 ar xhr= new Activexobject("miCrosoft. XmlhTtp ): ∥写为 varxhr=newActivexobject("msxMi2.xmlhttp) ∥写为 varxhrnewActivexobject("msxMi2.xmlhttp.3.0) ∥写为 arxhr=newActivexobject("msXmi2.xmlhttp.5.0) ∥写为 varxhr=newActivexobject("msXmi2.xmlhttp.6.0") 上述按照从上到下的顺序依次针对旧从5.0到高版本之间的语法格式 起
任务一：Ajax表单验证 让IT教学更简单，让IT学习更有效 Ajax对象的创建 （2）早期版本的IE浏览器 早期版本的IE浏览器指的是IE5、IE6、IE7等 var xhr = new ActiveXObject("Microsoft.XMLHTTP"); //或写为 var xhr = new ActiveXObject("Msxml2.XMLHTTP"); //或写为 var xhr = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //或写为 var xhr = new ActiveXObject("Msxml2.XMLHTTP.5.0"); //或写为 var xhr = new ActiveXObject("Msxml2.XMLHTTP.6.0"); • 上述按照从上到下的顺序依次针对IE从5.0到高版本之间的语法格式
任务一:Aax表单验证 让教学更简单,让∏学习更有效 什么是Ajax 2、Ajax对象的创建 3、Ajax向服务器发送请求 4、Ajax接收服务器返回的信息 引入知识点 5、XML数据格式 回
让IT教学更简单，让IT学习更有效 引 入 知 识 点 任务一：Ajax表单验证 1、什么是Ajax 2、Ajax对象的创建 3、Ajax向服务器发送请求 4、Ajax接收服务器返回的信息 5、XML数据格式
任务一:Aax表单验证 让教学更简单,让∏学习更有效 Ajax向服务器发送请求 (1)open0方法 open0方法用于创建一个新的HTTP请求,并指定此请求的类型(如GET、POST 等)、URL以及验证信息、 open("method","URL"I, asyncFlag, userName"[,password"D) method用于指定请求的类型,其值可为POsT、GET、PUT、 PROPE|ND 大小写不敏感 ·URL表示请求的地址,可以为绝对地址也可以为相对地址,并且可以传递查询 字符串。其余参数为可选参数 asyncFlagy用于指定请求方式,同步请求为 false,默认为异步请求tue userName用于指定用户名 password用于指定密码。 9 起
任务一：Ajax表单验证 让IT教学更简单，让IT学习更有效 Ajax向服务器发送请求 open()方法用于创建一个新的HTTP请求，并指定此请求的类型（如GET、POST 等）、URL以及验证信息。 （1）open()方法 open("method","URL"[,asyncFlag[,"userName"[,"password"]]]) • method用于指定请求的类型，其值可为POST、GET、PUT、PROPFIND， 大小写不敏感。 • URL表示请求的地址，可以为绝对地址也可以为相对地址，并且可以传递查询 字符串。其余参数为可选参数。 • asyncFlagy用于指定请求方式，同步请求为false，默认为异步请求true。 • userName用于指定用户名。 • password用于指定密码
任务一:Aax表单验证 让教学更简单,让∏学习更有效 Ajax向服务器发送请求 (2)send方法 send方法用于发送请求到HTTP服务器并接收回应 send(content) content用于指定要发送的数据,其值可为DOM对象的实例、输入流或字符串, 般与POST请求类型配合使用 如果请求声明为同步,该方法将会等待请求完成或者超时才会返回,否则此方 法将立即返回。 回
任务一：Ajax表单验证 让IT教学更简单，让IT学习更有效 Ajax向服务器发送请求 send()方法用于发送请求到HTTP服务器并接收回应。 （2）send()方法 • content用于指定要发送的数据，其值可为DOM对象的实例、输入流或字符串， 一般与POST请求类型配合使用 • 如果请求声明为同步，该方法将会等待请求完成或者超时才会返回，否则此方 法将立即返回。 send(content)