ajax(一)
来源:互联网 发布:网络电视能连手机吗 编辑:程序博客网 时间:2024/05/24 01:55
- 创建xhr对象: new XHRHttpRequest()
xhr对象的属性:
responseText: 代表响应主体的响应文本;
status: 返回状态码, 200: ok, 404:错误…
同步方式
xhr.open('get','test.php?rand=Math.random()',false); // false:同步xhr.send(null);
异步方式
onreadystatechange事件监听;
检测readState状态;
xhr.onreadstatechange = function(){ if(xhr.readyState==4 && xhr.status==200){ console.log(xhr.responseText); }}xhr.open('get','test.php',true);xhr.send(null);
GET
web上, get一般是URL提交请求;
如demo.php?name=Lee&age=100
Post
POST一般是表单提交;
如:<form method="post"><input type="text" name="name" value=...>
xhr.onreadstatechange = function(){ if(xhr.readyState==4 && xhr.status==200){ console.log(xhr.responseText); }}xhr.open('post','test.php',true);// 修改请求头,模拟表单提交xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')xhr.send('name=Lee&age=10'); // 通过这里提交数据
头信息
- 响应头信息: 服务器返回的信息, 客户端可以获取但不可设置;
- 请求头信息: 客户端可以设置但不获取;
全部响应头信息:xhr.getResponseHeaders()
获取响应头信息内容:xhr.getResponseHeader('Contnet-Type')
设置:xhr.setResponseHeader(key,value)
特殊字符编码
如字符中包含’&’, 则需要对其进行编码,否则会出现问题: encodeURIComponent(name);
0 0
- ajax(一)
- ajax(一)
- ajax(一)
- ajax(一)
- ajax(一)
- AJAX(一)
- (AJAX学习一) AJAX入门
- Ajax入门教程 - 一.Ajax简介
- ajax form-ajax讲义一
- ajax(一) 初识ajax
- AJAX开发简略 (一)
- AJAX开发简略 (一)
- ajax应用一例
- Ajax技术一例
- Ajax初体验(一)
- Ajax学习笔记(一)
- Ajax基础(一)
- AJAX联动一例子
- Android开发中内存泄露与优化
- Leetcode Contains Duplicate II
- Content-Encoding与Content-Type的区别
- android 6.0 以后 WebView改动
- Quiz 6b_question#7
- ajax(一)
- Linux学习练习之实现小shell
- SpringMVC学习系列(4) 之 数据绑定-1
- 集合类Collection
- RC4密码算法实现
- Spring AOP 简介以及简单用法
- 类和成员变量
- Java编程思想之并发
- 前端案例--纯CSS3美化复选框