随笔分类 -  Ajax

摘要:对于ajax请求来说,当请求另一个域名时,其实请求已经到达服务器。但是需要有响应数据,浏览器认为这是不安全的,所以被同源策略限制了 而form提交的表单数据不需要相应数据,所以是安全的,可以跨域 阅读全文
posted @ 2020-10-29 10:48 ashen1999 阅读(321) 评论(0) 推荐(0)
摘要:Ajax的浏览器缓存问题 当通过Ajax请求页面后,只要用户不主动刷新页面,数据就不会更新 当请求的URL与历史URL相同时,会直接使用缓存中的数据 这样就无法在不刷新的情况下读取最新的数据 解决方式: 在创建发送请求前加上,anyAjaxObj.setRequestHeader('If-Modif 阅读全文
posted @ 2020-04-14 09:24 ashen1999 阅读(171) 评论(0) 推荐(0)
摘要:跨域 请求不同源地址 同源策略 同源:域名、协议、端口号相同的地址。不同源地址之间默认不能进行请求。 通过img尝试跨域请求 可以发送不同源地址之间的请求,但不能得到响应体。因为浏览器会将地址中的图片转化成二进制,无法通过字符串响应回来 通过link尝试跨域请求 可以发送不同源地址之间的请求,但不能 阅读全文
posted @ 2020-03-24 16:19 ashen1999 阅读(294) 评论(0) 推荐(0)
摘要:基本属性 $.ajax({ url:'add.php', type:'post', data:{id:1,name:'ashen'}, success:function(res){ console.log(res); } }) dataType:设置响应体数据类型 success函数:只有状态码为2 阅读全文
posted @ 2020-03-24 16:17 ashen1999 阅读(138) 评论(0) 推荐(0)
摘要:XMLHttpRequest 在老版本浏览器(IE5/6)中有兼容问题,可以通过另外一种方式代替 var xhr=window.XMLHttpRequest?new XMLHttpRequest:ActiveXObject('Microsoft.XMLHTTP'); 阅读全文
posted @ 2020-03-24 16:14 ashen1999 阅读(259) 评论(0) 推荐(0)
摘要:post POST 请求过程中,都是采用请求体承载需要提交的数据 写在send函数中 如:param1=value1&param2=value2 因为此时请求体是urlencoded格式,所以要将请求头的Content-Type设置为application/x-www-form-urlencoded 阅读全文
posted @ 2020-03-24 16:13 ashen1999 阅读(176) 评论(0) 推荐(0)
摘要://发送请求 var xhr=new XMLHttpRequest(); //设置请求报文的请求行 xhr.open('POST','add.php'); //设置请求头 //接收响应 xhr.onreadystatechange=function(){ //获取响应体 if (this.ready 阅读全文
posted @ 2020-03-24 16:12 ashen1999 阅读(91) 评论(0) 推荐(0)
摘要:readyState onreadystatechange是在xhr对象状态变化时触发,不只是得到响应之后,所以会多次被触发 readyState状态描述说明 0 UNSENT xhr(代理)已经创建 1 OPENED open()方法已经被调用,建立了连接 2 HEADERS_RECEIVED s 阅读全文
posted @ 2020-03-24 16:10 ashen1999 阅读(150) 评论(0) 推荐(0)