![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Ajax
异步
是小王啊i
沉淀
展开
-
ajax状态码和状态值
状态值状态值(判断请求的)存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成,且响应已就绪 状态码状态码(判断响应的)https://www.runoob.com/http/http-status-codes.htmlhttps://baike.baidu.com/item/HTTP%E7%8A%B6%E6%80%81%E7%A0%81/5053660?fr原创 2020-10-03 10:31:13 · 193 阅读 · 0 评论 -
jsonp跨域函数封装
函数封装function jsonp(options){ //创建script标签 var script=document.createElement('script'); //拼接字符串 var params=''; //遍历 for(var attr in options.data){ params+='&'+attr+'='+options.data[attr]; } //定义一个随机函数,挂载在window下,防止重名覆盖问题 var fnName='jsonp'+M原创 2020-10-03 10:29:57 · 138 阅读 · 0 评论 -
如何实现跨域?
跨域跨域的前提条件: 所有的跨域请求都必须经过信息提供方允许 如果未经允许即可获取,那是浏览器同源策略出现漏洞解决:1.src跨域(JSONP方式)2.CORS方式3.服务器代理CORS和jsonp跨域的区别CORS 对比 JSONP都能解决 Ajax直接请求普通文件存在跨域无权限访问的问题JSONP只能实现GET请求,而CORS支持所有类型的HTTP请求使用CORS,开发者可以使用普通的XMLHttpRequest发起请求和获得数据,比起JSONP有更原创 2020-10-03 10:29:27 · 201 阅读 · 0 评论 -
CORS同源策略
同源策略什么是同源策略(Same Origin Policy)?什么是跨域?什么是域名?什么是同源策略(Same Origin Policy)?所谓同源策略,所谓同源是指,域名,协议,端口相同。它是浏览器的一种最核心最基本的安全策略。它对来至不同源的文档或这脚本对当前文档的读写操作做了限制。为什么要有这个策略,想必你已经知道,那就是因为保证用户的信息安全。什么是跨域?访问同源的资源是被浏览器允许的,但是如果访问不同源的资源,浏览器默认是不允许的。访问不同源的资源那就是我们所说的跨域什么是原创 2020-10-03 10:29:00 · 488 阅读 · 1 评论 -
jquery中的Ajax操作
ajax操作get()post()$.ajax()get()get() 方法通过远程 HTTP GET 请求载入信息。这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。语法: $(selector).get(url,data,success(response,status,xhr),dataType)post()post() 方法通过 HTTP POST 请求从服务器载入数据。语法: jQuery.p原创 2020-10-03 10:28:38 · 94 阅读 · 0 评论 -
get和post的区别
区别详解1. get是从服务器上获取数据,post是向服务器传送数据。2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。3. 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。Ge原创 2020-10-03 10:28:16 · 244 阅读 · 0 评论 -
原生js封装Ajax
ajax封装function ajax(options) { var defaults={ type:'get', url:'', data:{}, dataType:'json', success:function (result) { console.log(result); }, async:true } //覆盖原对象的默认值 ob原创 2020-10-03 10:27:57 · 185 阅读 · 0 评论 -
如何使用Ajax?
Ajax四步骤1.创建XMLHttpRequest 核心对象2.注册监听3.建立连接1.创建XMLHttpRequest 核心对象//创建一个ajax对象 (兼容) var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else {原创 2020-10-03 10:27:39 · 135 阅读 · 0 评论 -
异步和同步的区别
同步同步需要等待返回结果才能继续,异步不必等待同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事异步异步: 请求通过事件触发->服务器处理(这时浏览器仍然可以作其他事情)->处理完毕...原创 2020-10-03 10:27:25 · 258 阅读 · 0 评论 -
Ajax简介
Ajaxajax发展历史什么是ajax?ajax发展历史ajax(Asynchronous JavaScript and XML)传统web,20年前…当数据从服务器端获取的时候,需要刷新整个页面1997年之后,事情得到了改变Ajax开始被使用了起来。意味着数据从服务器端获取的时候,我们不再需要刷新页面,实现异步加载。什么是ajax?Ajax 它本身不是一种技术Ajax是利用JavaScript脚本改变web应用与服务器端之间数据交互的一种方式(异步加载页面)。通过在后台与服务器原创 2020-10-03 10:27:02 · 128 阅读 · 0 评论