Ajax之HTTp请求
71、Ajax的基础概念 *运用html和css来实现页面表达信息 *运用XMLHttpRequest和web服务器进行数据的异步交换 *运用JavaScript操作DOM来实现动态局部刷新 2、在运用XMLHttpRequest对象之前必须先实例化该对象 var request = new XMLHttpRequest();//IE7+ 在IE5和IE6中不兼容XMLHttpRequest对象 var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest();//IE7+ Firefox,Chrome,Operq,Safari.. }else{ request= new ActiveXObject("Microsoft.XMLHTTP");//IE5,IE6 } 3、一个完整的HTTP请求过程 ①建立TCP连接 ②WEB浏览器向WEB服务器发送请求命令 ③Web浏览器发送请求头信息 ④WEB服务器应答 ⑤WEB服务器发送应答头信息 ⑥WEB服务器向WEB浏览器发送数据 ⑦WEB服务器关闭TCP连接 4、一个HTTP请求一般由四部分组成 ①HTTP请求的方法或动作,比如是GET还是POST请求 ②正在请求的URL,即请求的地址 ③请求头,一般包含客户端的环境信息,身份验证信息 ④请求体,也就是请求的征文,请求征文可以包含客户提交的查询字符串信息,表单信息等等。 (注:请求头和请求体之间空一行,表示请求头的结束,请求体的开始) 5、GET和POST请求的区别(GET默认的http请求) *GET:一般用于信息获取,查询 使用URL传递参数,信息是可见 对所请求的数量也有限制,一般在2000个字符内 *POST:一般用于修改服务器上的资源,一般用表单发送一些数据,不可见即不是通过URL传递参数 对所发送的信息的数量无限制 6、一个HTTP响应一般由三部分组成 ①一个数字和文字组成的状态码,用来显示请求是成功还是失败 ②响应头,响应头也和请求头一样包含许多有用的信息,例如服务器类型,日期时间,内容类型和长度等 ③响应体,也就是响应征文 7、HTTP状态码由3位数字构成,其中首位数字定义了状态码的类型: 1XX:信息类,表示收到了WEB浏览器的请求,正在进一步处理中 2XX:成功,表示用户请求被正确的接收,理解和处理列如:200 OK 3XX:重定向,表示请求没有成功,客户必须进行进一步的动作 4XX:客户端错误,表示客户提交的请求有错误,列如404 NOT Found,意味着请求中所引用的文档不存 5XX:服务器端错误,表示服务器不能完成对请求的处理:如500 7、XMLHttpRequest发送请求的常用方法 ·open(method,url,async)//调用HTTP请求 ·send(string)//将请求发送到服务器上 其中method决定发送请求的方法:get/post不区分大小写,一般大写 URL请求地址,可以使用相对地址,也可以使用绝对地址 async代表请求是同步还是异步,一般ajax都是采用异步请求,即true,默认值为true 注对于send(string)的参数,在使用get请求的时候是没有主体的,所有的参数都会拼在URL中。 此时send的参数可以不填写或者写null。对已post请求一定得填写参数 request.open("GET","get.php",true); request.send();
request.send("POST","create.php",true); request.setRequestHeader("Content-type","application/x-www-form-urlencoded");//设置http的头信息 request.send("name=Qkorn&sex=女");
Ajax之HTTp请求的更多相关文章
- Laravel中的ajax跨域请求
最近接触Laravel框架ajax跨域请求的过程中遇到一些问题,在这里做下总结. 一开始发起ajax请求一直报500错误,搜索相关资料后发现Laravel要允许跨域请求可以加入Cors中间件,代码如下 ...
- 浅谈linux 下,利用Nginx服务器代理实现ajax跨域请求。
ajax跨域请求对于前端开发者几乎在任何一个项目中都会用到,众所周知,跨域请求有三种方式: jsonp; XHR2 代理: jsonp: 这种应该是开发中是使用的最多的,最常见的跨域请求方法,其实aj ...
- 模拟ajax的 script请求
/** * 模拟ajax的 script请求 * @param {[type]} options [description] * @return {[type]} [description] */ f ...
- 解决ajax跨域请求 (总结)
ajax跨域请求,目前已用几种方法实现: 1)用原生js的xhr对象实现. var url="http://freegeoip.net/json/" ...
- ASP.NET MVC 实现AJAX跨域请求方法《1》
ASP.NET MVC 实现AJAX跨域请求的两种方法 通常发送AJAX请求都是在本域内完成的,也就是向本域内的某个URL发送请求,完成部分页面的刷新.但有的时候需要向其它域发送AJAX请求,完成数据 ...
- $.ajax 跨域请求 Web Api
WepApi确实方便好用,没有配置文件,一个apicontroller直接可以干活了.但今天用$.ajax跨域请求的时候总是获取不到数据,用fiddler一看确实抓到了数据,但回到$.ajax函数中, ...
- JQuery的Ajax跨域请求原理概述及实例
今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发 JQuer ...
- Nginx 实现AJAX跨域请求
在工作中遇到跨域请求的问题: AJAX从一个域请求另一个域会有跨域的问题.那么如何在nginx上实现ajax跨域请求呢?要在nginx上启用跨域请求,需要添加add_header Access-Con ...
- jQuery ajax跨域请求的解决方法
在Ajax应用中,jQuery的Ajax请求是非常容易而且方便的,但是初学者经常会犯一个错误,那就是Ajax请求的url不是本地或者同一个服务器下面的URI,最后导致虽然请求200,但是不会返回任何数 ...
- php中ajax跨域请求---小记
php中ajax跨域请求---小记 前端时间,遇到的一个问题,情况大约是这样: 原来的写法: 前端js文件中: $.ajax({ type:'get', url:'http://wan.xxx.c ...
随机推荐
- 这几天阅读的shadowgun的几个shader
直接从阅读时记录的笔记摘抄过来,写的比较随意. 1. MADFINGER-blinking-god-rays 除了可以用于实现太阳光线效果,还能调整参数让颜色随时间淡入淡出闪烁,能做出想灯光之类的效果 ...
- Java内部类的一些总结
作为刚入门Java的小白,这两天看到内部类,这里做一个总结,若有错误,欢迎指正~ 内部类是指在一个外部类的内部再定义一个类.类名不需要和文件夹相同. 内部类分为: 成员内部类.局部内部类.静态嵌套类. ...
- 2 storm的topology提交执行
本博文的主要内容有 .storm单机模式,打包,放到storm集群 .Storm的并发机制图 .Storm的相关概念 .附PPT 打包,放到storm集群去.我这里,是单机模式下的storm. wee ...
- Div 3 - SGU 105(找规律)
分析:很容易知道序列1,2,3, 4,5, 6......与3的关系就是1,2, 0,1, 2,0,......如果是在一个数后面添加一个数就变成了这种序列1, 0, 0, 1, 0, 0, 1, 0 ...
- hdu1026 Ignatius and the Princess I (优先队列 BFS)
Problem Description The Princess has been abducted by the BEelzebub feng5166, our hero Ignatius has ...
- hdu4348 - To the moon 可持久化线段树 区间修改 离线处理
法一:暴力! 让干什么就干什么,那么久需要可持久化线段树了. 但是空间好紧.怎么破? 不down标记好了! 每个点维护sum和add两个信息,sum是这段真实的和,add是这段整体加了多少,如果这段区 ...
- mysql 建立表里某的个字段根据另一字段进行自增长
在设计一些数据表时,我们经常遇到这样一种情况:需要表中的一个字段根据另一字段进行自增长,比如,在数据表中存储玩家的武器信息时,需要存储玩家的武器对应的bagid,这就是一个根据玩家自己的id(玩家id ...
- webservice传递特殊字符时的解决的方法
webservice soap报文是xml格式交互的,当中针对特殊字符传递无法解析,导致数据处理失败. 解决的方法例如以下: 1.在发送报文之前,针对报文进行base64转码,转义后避免报文中含有特殊 ...
- [转] npm install 本地安装与全局安装的区别
npm的包安装分为本地安装(local).全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如 npm install grunt # 本地安装 npm install -g ...
- c#中跨线程调用windows窗体控件
c#中跨线程调用windows窗体控件解决. 我们在做winform应用的时候,大部分情况下都会碰到使用多线程控制界面上控件信息的问题.然而我们并不能用传统方法来做这个问题,下面我将详细的介绍.首先来 ...