AJAX有关的请求协议

URI:统一资源标识符  URI=URL+URNURL:统一资源定位符URN:统一资源名称
上边的图片编号对应下边的编号说明:
  • 1.HTTP(占90%市场)/HTTPS/FTP 传输协议(可以理解为快递小哥,是内容传输的媒介,通过传输协议客户端可以把一些信息传递给服务器,服务器也可以把内容传递给客户端)

    • HTTP:超文本传输协议,客户端和服务器端除了可以传输文本以外,还可以传输图片、音视频等富媒体资源(二进制文件流/BASE64...)
    • HTTPS:更加安全的HTTP,因为他的传输通道经过了SSl加密的(基本上和金钱打交道的网站是HTTPS传输协议的)
    • FTP:文本上传协议/资源文件传输协议,经常应用于对服务器资源文件的管理(上传/下载...)
  • 2.域名
    • 一级域名:www.qq.com (需要购买),二级或者三级域名需要 自己去分配即可
    • 二级域名:sports.qq.com
    • 三级域名:kbs.sports.qq.com
  • 3.端口号
    • HTTP 默认80
    • HTTPS 默认443
    • FTP 默认21

端口号的取值范围0~65535之间,端口号被一个项目/程序占用,其他的程序就不能使用这个端口号了

  • 4.请求资源文件的路径和名称 /students/index.html 请求的是当前项目students文件夹下的index.html文件 /index.html 请求的是当前项目根目录下的index.html文件,在不指定请求文件的时候,默认请求的资源文件一般都是/index.html或者/default.html()
  • 5.问号传参 ?xxx=xxx&xxx=xxx...
    • 1)客户端可以通过问号传参的方式,把一些信息传递给服务器端
    • 2)在从列表页面跳转到详情页面的时候,点击列表页面中的每一条记录,都会跳转到指定的详情页面,详情页面展示的内容是不一样的,注意:详情页面都是同一个页面,想要展示不一样的内容,就需要区分点击的是哪一条记录,此时我们就可以通过问号传参的方式进行 在详情页面我们获取传递的参数值,然后根据mid值得不一样,从服务器端获取到不同的数据展示即可
  • 6.哈希值(HASH):#video
    • 1)客户端也可以铜通过这种方式把信息传递给服务器(但是一般不用)
    • 2)锚点定位
    • 3)通过HASH值实现页面的路由切换

HTTP事物

  • REQUEST 请求阶段
  • RESPONSE 响应阶段

两个阶段都完成这件事才算完成,也就是完成了一个HTTP事物

HTTP报文(发送给服务器的内容和返回给客户端的内容统称为报文)
  • 起始行
  • 首部:请求首部、响应首部、通用首部(请求和响应都有的)、自定义首部
  • 主体:请求主体、响应主体

Request Headers(请求头:客户端设置,服务器端获取)

  • GET /getList?_=0.19020438256316052 HTTP/1.1 ->请求起始行
  • Host: 192.168.1.100:81 ->请求首部
  • Connection: keep-alive
  • Cache-Control: max-age=0
  • User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2679.0 Safari/537.36
  • Accept: /
  • Referer: http://192.168.1.100:81/index.html
  • Accept-Encoding: gzip, deflate, sdch
  • Accept-Language: zh-CN,zh;q=0.8

Response Headers(响应头:服务器端设置,客户端获取)

  • HTTP/1.1 200 OK ->响应起始行
  • content-type: application/json;charset=utf-8; ->响应首部
  • Date: Wed, 17 Aug 2016 04:52:30 GMT ->服务器端返回数据的那一瞬间的服务器时间
  • Connection: keep-alive
  • Transfer-Encoding: chunked

Response 响应主体

服务器端返回的内容都可以在响应主体中看到(服务器端返回给客户端的内容基本上都在响应主体中,当然根据需求也会有一部分在响应头中返回给客户端)

Request Payload 请求主体

客户端如果想给服务器端传递内容,可以放在请求主体中传递给服务器,服务器接收到请求可以在请求主体中获取到内容

  • 客户端也可以通过请求头把一些信息传递给服务器端
  • 客户端还有一种常用的方式可以把信息传递给服务器:通过URL请求时候问号传递参数的方式
时间: 2024-10-22 03:12:31

AJAX有关的请求协议的相关文章

Ajax 跨域请求 jsonp获取json数据

遇到Ajax的跨域请求出问题 找了中解决办法如下: 参考内容:http://justcoding.iteye.com/blog/1366102 由于受到浏览器的限制,该方法不允许跨域通信.如果尝试从不同的域请求数据,会出现安全错误.如果能控制数 据驻留的远程服务器并且每个请求都前往同一域,就可以避免这些安全错误.但是,如果仅停留在自己的服务器上,Web 应用程序还有什么用处呢?如果需要从多个第三方服务器收集数据时,又该怎么办? 理解同源策略 同源策略阻止从一个域上加载的脚本获取或操作另一个域上的

Ajax 跨域请求-- Cross Domain

在认识 跨域 之前,先简单了解下域名和协议名,比如下面这个 URL http://mail.163.com/index.html http://              协议名,也就是HTTP超文本传输协议 mail                  服务器名 163.com           域名 mail.163.com    网站名 /                        根目录 index.html         根目录下的默认网页 1.什么是跨域请求? 请求的下一个资源

JavaScript之Ajax-7 Ajax跨域请求(Ajax跨域概述、Ajax跨域实现)

一.Ajax跨域概述 同源策略 - 同源策略(Same origin policy)是一种约定,它是浏览器的核心也最最基本的核心.如果少了同源策略,则浏览器的正常功能可能都会收到影响.可以说Web是构建在同源策略基础上的,浏览器只是针对同源策略的一种实现 - 它是由 Netscape 提出的一个著名的安全策略 - 现在所有支持 JavaScript 的浏览器都会使用这个策略 - 所谓同源策略是指,域名.协议.端口相同 域名概述 - 域名(Domain Name) 是由一串用点分隔的名字组成的In

使用Ajax发送异步请求的步骤

1.获取Ajax对象:获取XMLHttpRequest对象实例 function getXhr(){ var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest();//非IE浏览器 }else{ xhr = new ActiveXObject('Microsoft.XMLHttp');//IE浏览器 } return xhr; } 2.设置回调函数:为Ajax对象的readystatechange事件设定响应函数 xh

jsonp其实很简单【ajax跨域请求】

前两天被问到ajax跨域如何解决,还真被问住了,光知道有个什么jsonp,迷迷糊糊的没有说上来.抱着有问题必须解决的态度,我看了许多资料,原来如此... 为何一直知道jsonp,但一直迷迷糊糊的不明白呢?——网上那些介绍资料都写的太复杂了! 我是能多简单就多简单,争取让你十分钟看完! 1. 同源策略 ajax之所以需要“跨域”,罪魁祸首就是浏览器的同源策略.即,一个页面的ajax只能获取这个页面相同源或者相同域的数据. 如何叫“同源”或者“同域”呢?——协议.域名.端口号都必须相同.例如: ht

ajax跨域请求解决方案

大家好,今天我们学习了js的跨域请求的解决方案,由于JS中存在同源策略,当请求不同协议名,不同端口号.不同主机名下面的文件时,将会违背同源策略,无法请求成功!需要进行跨域处理! 方案一.后台PHP进行设置, 前台无需任何设置,在后台被请求的PHP文件中,写入一条header header("Access-Control-Allow-Origin:*"); 表示允许那些域名请求这个PHP文件*表示所有域名都允许 这是最佳的解决方案,因为是在后台进行设置,不对外公开,所以更加安全, 方案二

几种常用的ajax 跨域请求

  前 言 首先,我们要明白,什么是跨域,为什么要跨域. 由于JS中存在同源策略.当请求不同协议名不同端口号下面的文件时,将会违背同源策略,无法请求成功!需要进行跨域处理! 这篇文章就为大家详细介绍一下个人常用的三种跨域方式,以请求PHP为例. 1header("Access-Control-Allow-Origin:*"); 后台PHP进行设置,前台无需任何设置,在后台被请求的PHP文件中,写入一条header.表示允许哪些域名请求这个PHP文件,*表示所有域名都允许 eg: 前台:

第114天:Ajax跨域请求解决方法(二)

一.什么是跨域 我们先回顾一下域名地址的组成: http:// www . google : 8080 / script/jquery.js   http:// (协议号) www  (子域名) google (主域名) 8080 (端口号) script/jquery.js (请求的地址) * 当协议.子域名.主域名.端口号中任意一各不相同时,都算不同的"域". * 不同的域之间相互请求资源,就叫"跨域". 比如:http://www.abc.com/index.

Ajax跨域请求以及乱码解决

Ajax跨域请求2种解决方法 1 ) 什么叫跨域请求,协议,域名,端口号,其中一样不同都称跨域; 第一种:使用script标签发送请求; //创建一个script标签; var v_element=document.createElement("script"); //设置script的type 属性; v_element.type="text/javascript"; //设置src属性; v_element.src="http://127.0.0.1: