网站建设600元全包,wordpress 主题 破解版,烟台网站建设推荐企汇互联见效付款,手机显示的网站该怎样设计使用jQuery处理Ajax
HTTP协议
超文本传输协议#xff08;HTTP#xff0c;HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议
设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法
所有的WWW文件都必须遵守这个标准
一次HTTP操作称为一个事务HTTPHyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议
设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法
所有的WWW文件都必须遵守这个标准
一次HTTP操作称为一个事务其工作过程可分为四步 HTTP协议-请求方法
方法说明OPTIONS返回服务器针对特定资源所支持的HTTP请求方法HEAD向服务器索要与GET请求相一致的响应只不过响应体将不会被返回GET向特定的资源发出请求POST向指定资源提交数据进行处理请求PUT向指定资源位置上传其最新内容DELETE请求服务器删除Request-URI所标识的资源TRACE回显服务器收到的请求主要用于测试或诊断CONNECTHTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器PATCH实体中包含一个表表中说明与该URI所表示的原内容的区别
HTTP协议-GET和POST区别
GETPOST缓存能被缓存不能缓存编码类型application/x-www-form-urlencodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码历史参数保留在浏览器历史中参数不会保存在浏览器历史中对数据长度的限制当发送数据时GET 方法向 URL 添加数据URL 的长度是受限制的URL 的最大长度是 2048 个字符无限制对数据类型的限制只允许 ASCII 字符没有限制也允许二进制数据安全性与 POST 相比GET 的安全性较差因为所发送的数据是 URL 的一部分POST 比 GET 更安全因为参数不会被保存在浏览器历史或 web 服务器日志中可见性数据在 URL 中对所有人都是可见的数据不会显示在 URL 中
Ajax概念
Ajax 是一种在无需重新加载整个网页的情况下能够更新部分网页的技术
原生创建Ajax的步骤 创建Ajax对象 连接到服务器 发送请求 接收返回值 创建Ajax对象
非IE6语法var oAjaxnew XMLHttpRequest();
老版本IE5 和 IE6语法varoAjaxnewActiveXObject(“Microsoft.XMLHTT”)
if (window.XMLHttpRequest){var oAjaxnew XMLHttpRequest();// IE7, Firefox, Chrome, Opera, Safari 浏览器执行代码
}else{var oAjaxnew ActiveXObject(Microsoft.XMLHTTP);// IE6, IE5 浏览器执行代码 }
连接到服务器
open(方法文件名同步异步) 参数一post/get 参数二请求的文件名 参数三同步false 异步true oAjax.open(GET,abc.txt,true);发送请求
send()
oAjax.send();接收返回值
oAjax.onreadystatechangefunction(){if (oAjax.readyState4 oAjax.status200){alert(请求成功oAjax.responseText);}else{alert(请求失败oAjax.status);}
}使用jQuery处理Ajax
$.ajax() 方法
通过 HTTP 请求加载远程数据
jQuery.ajax([settings])
setting:可选。用于配置 Ajax 请求的键值对集合$(#b01).click(function(){htmlobj$.ajax({url:/jquery/test1.txt,async:false});$(#myDiv).html(htmlobj.responseText);});$.ajax() 方法-参数
$().load()方法
从服务器加载数据并把返回的数据放入被选元素中
$(selector).load(URL,data,callback);URL:必需参数路径
data:可选参数与请求一同发送的查询字符串键/值对集合
callback:可选参数load() 方法完成后所执行的函数名称$.get() 方法
通过 HTTP GET 请求从服务器上请求数据
$.get(URL,callback);URL:必需参数路径
callback:可选参数请求成功后所执行的函数名$.post() 方法
通过 HTTP POST 请求从服务器上请求数据
$.post(URL,data,callback);URL:必需参数路径
data:可选参数连同请求发送的数据
callback:可选参数请求成功后所执行的函数名什么是跨域
跨域指的是浏览器不能执行其他网站的脚本
例子比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口
产生跨域的原因
由浏览器的同源策略造成的同域名同端口同协议
跨域解决方案1
CORS跨域资源共享 服务端header(“Access-Control-Allow-Origin:*”); “*”表示所有的域都可以接受 缺点 ie10以下不支持可以用XDR实现 跨域解决方案2
jsonp
动态创建script标签使用jQuery的jsonp请求
优点
兼容性强不受同源策略的限制
缺点
只能用get方法不能使用post方法
跨域解决方案3
基于iframe实现跨域
在两个页面中同时添加document.domain
跨域解决方案4
web sockets
缺点
只有在支持web sockets协议的服务器上才能正常工作
