记录－交流－Web开发知识分享
不时，我需要某种机制，不断刷新网页，以提供一个实时的仪表板某种。如果我只能刷新一个特定的页面的一部分，这将是很大的，例如：仪表盘上的交通灯显示系统状态。
这是很容易通过使用jQuery JavaScript库，只刷新页面的一部分。一旦我们纳入我们的页面的jQuery库，我们只需要1行的JavaScript得到它的工作：
|
1
|
|
所以我们只要我们的页面放入这个小的JS代码片段刷新里面的内容ID标签的一切，让我们说，每5秒：
|
1
2
3
|
setInterval(function() { $("#content").load(location.href+" #content>*","");}, 5000); |
这就是它！！因此，这是很容易完成一些实时监控的行为，只是那行代码。没有更奇怪的元刷新标记或iframe一种解决方法，在Web应用程序。
每5秒，我们将刷新内容相同的URL和所有元素，驻留在元素ID为content元素的内容：内容。
…
先上图：
在上代码：
$.ajax({ type:"get", url: Url, dataType:"jsonp", async: true, beforeSend:function(XMLHttpRequest){ $(".app_infro_con").html("<img src='./images/loading.gif'/>"); }, success:function(res){ var infro = res.data.notice $(".app_infro_con").html(infro); } })
嗯，ok ,人狠话不多。
…
x-requested-with 请求头 区分ajax请求还是普通请求
在服务器端判断request来自Ajax请求(异步)还是传统请求(同步)：
两种请求在请求的Header不同，Ajax 异步请求比传统的同步请求多了一个头参数
1、传统同步请求参数…
CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。
它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。
本文详细介绍CORS的内部机制。…
解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求，正确设置 JavaScript端需要设置的headers信息 方能实现。
此处手札 供后人参考~…
ajax跨域访问是一个老问题了，解决方法很多，比较常用的是JSONP方法，JSONP方法是一种非官方方法，而且这种方法只支持GET方式，不如POST方式安全。
即使使用jQuery的jsonp方法，type设为POST，也会自动变为GET。…
HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到网页所在窗口对象的实例，不仅仅同源(域+端口号)的web网页之间可以互相通信，甚至可以实现跨域通信。
浏览器支持程度：IE8+，firefox4+，chrome8+ opera10+
1. 首先，要想接收从其他的窗口发过来的消息，就必须对窗口对象的message事件进行监听，如下代码：
window.addEventListener(“message”, function(){},false);…
$.ajax( { url: url, //这里是静态页的地址 type: "GET", //静态页用get方法，否则服务器会抛出405错误 success: function(data){ var result = $(data).find("另一个html页面的指定的一部分"); $("本页面div").html(result); } }); 例如： <script type="text/javascript"> $.ajax({ url: '/' + currentBlogApp + '/mvc/blog/Minyx2_Lite_SideColumn.aspx', data:'{}', type: 'post', dataType: 'text', contentType: 'application/json;…
AJAX从一个域请求另一个域会有跨域的问题。那么如何在nginx上实现ajax跨域请求呢？要在nginx上启用跨域请求，需要添加add_header Access-Control*指令。如下所示：
|
1
2
3
4
5
6
7
8
9
10
11
12
|
location /{
add_header 'Access-Control-Allow-Origin' 'http://other.subdomain.com';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET';
... |
什么是AJAX ？
AJAX 是无需刷新页面就能够从服务器去的数据的一种方法，负责Ajax运作的核心对象是XMLHttpRequest(XHR)对象。
同源策略是对XHR的一个主要约束，它为通信设置了“相同的域、相同的端口、相同的协议”这一限制。
试图访问上述限制之外的资源都会引发安全错误，除非采用被认可的跨域解决方案。
这个方案叫做CORS（Cross-Origin Resource Sharing）跨源资源共享。…
近期评论