Articles of jQuery

nginx彗星与jquery长时间轮询

最近我一直试图在我的应用程序上使用这个插件在Ngnix服务器上设置一个彗星服务器: https : //github.com/wandenberg/nginx-push-stream-module 由于GNU / GPL的限制性质,我无法使用随插件提供的JS,所以我正在尝试使用jquery ajax请求自己实现它。 我的Nginxconfiguration看起来像这样: location /channels-stats { # activate channels statistics mode for this location push_stream_channels_statistics; add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; # query string based channel id set $push_stream_channel_id $arg_id; } location ~ /pub/(.*) { # activate publisher (admin) mode for this location push_stream_publisher […]

jquery.ajax()POST在Nginx / PHP-FPM上收到IE10的空响应,但在Apache上工作

我使用一个非常简单的jquery.ajax()调用来从服务器获取一些HTML代码片段: // Init add lines button $('body').on('click', '.add-lines', function(e) { $.ajax({ type : 'POST', url : $(this).attr('href')+'?ajax=1&addlines=1', data : $('#quickorder').serialize(), success : function(data,x,y) { $('#directorderform').replaceWith(data); }, dataType : 'html' }); e.preventDefault(); }); 在PHP方面,我基本上回显出一个HTMLstring。 jQuery版本是1.8.3。 问题出现在IE10中 :虽然在Apache上运行的服务器A上运行正常,但在运行于Nginx + PHP-FPM上的服务器B上运行失败:如果我在服务器BI上debuggingsuccess处理程序,则获取undefined的data 。 在IE开发人员工具的“networking”选项卡中,我可以看到完整的响应和所有标题。 它可能会影响其他IE版本,但我只能testingIE10到目前为止。 以下是两个响应标题: 服务器A,Apache(工程): HTTP/1.1 200 OK Date: Thu, 25 Apr 2013 13:28:08 GMT Server: Apache […]

用angular-js和jquery-file-uplad,nginx和rails分块file upload

我正在尝试使用angular-js和jquery-file-uplad(forms为github / blueimp)来分块file upload。 后端是在nginx上运行的rails应用程序。 jqueryfile upload只发送第一个块,然后停止从nginx服务器接收201。 这里的文档指定nginx应该返回201 Created而不是200.似乎无法弄清楚这里有什么问题。 以下是相关的代码部分 JS (function () { 'use strict'; var url = 'jquploadhandle'; blueshiftApp.config([ '$httpProvider', 'fileUploadProvider', function ($httpProvider, fileUploadProvider) { delete $httpProvider.defaults.headers.common['X-Requested-With']; fileUploadProvider.defaults.redirect = window.location.href.replace( /\/[^\/]*$/, '/cors/result.html?%s' ); } ]) .controller('DemoFileUploadController', [ '$scope', '$http', '$filter', '$window', function ($scope, $http) { $scope.options = { url: url, dataTtype: 'text', multipart: […]

需要帮助build立彗星代码

有没有人知道的方式,或者可能认为它可能连接Node.js与Nginx http推模块,以维持客户端和浏览器之间的持久连接。 我是新来的彗星,所以只是不明白出版等也许有人可以帮助我这个。 到目前为止,我设置了以下内容。 我下载了jQuery.comet插件,并设置了以下基本代码: 客户端JavaScript <script type="text/javascript"> function updateFeed(data) { $('#time').text(data); } function catchAll(data, type) { console.log(data); console.log(type); } $.comet.connect('/broadcast/sub?channel=getIt'); $.comet.bind(updateFeed, 'feed'); $.comet.bind(catchAll); $('#kill-button').click(function() { $.comet.unbind(updateFeed, 'feed'); }); </script> 我能理解的是,客户端将继续监听/ broadcast / sub = getIt后面的url。 当有消息时,它会触发updateFeed。 基本和可以理解的IMO。 Nginx的http推模块configuration default_type application / octet-stream; 发送文件; keepalive_timeout 65; push_authorized_channels_onlyclosures; server { listen 80; location /broadcast { location […]

浏览器和AJAX响应CORS标题不同

我正在尝试设置一个可以通过JavaScript访问的启用CORS的API。 我用来testing的代码是这样的: $(function(){ get = function(url_fragment) { $.ajax({ url: 'my_api', dataType: 'json', cache: false, success: function(data) { alert('success'); }, error: function(data) { alert('failure'); } }) } get(''); }); 这是一个相当简单的AJAX请求。 我在我的nginxconfiguration中启用了CORS add_header Access-Control-Allow-Origin *; 当在浏览器中访问API时,萤火虫显示预期的标题 Access-Control-Allow-Origin * Connection keep-alive Content-Length 59 Content-Type application/json;charset=utf-8 Server nginx/1.0.11 + Phusion Passenger 3.0.11 (mod_rails/mod_rack) Status 200 X-Frame-Options sameorigin X-Powered-By Phusion […]

WordPress和Varnish打破loadscript.php问题

我用一个Varnish – Nginx – WordPress设置了一个障碍。 服务器正在运行多个基于Joomla的网站(一切正常),并且应该运行一个Wordpress,除了与Varnish打破之外。 基本上当启用Varnish时,我得到以下错误: Uncaught ReferenceError: _ is not defined在仪表板上Uncaught ReferenceError: _ is not defined ,各种JQuery未在其他地方定义错误。 随着清漆完全运作。 现在我正在挠我的脑袋,问题在于我的清漆设置在哪里。 我找不到任何在网上是类似的问题,任何帮助将不胜感激!

检测HLSaudiocanplay事件

我正在使用nginx和nginx rtmp模块为手机创buildaudiostream。 对于video,我使用ffmpeg将video切片为jpeg图像,并以此方式向移动用户显示videostream。 audio将分开导致15-30秒的audio延迟。 我认为这是因为jpegs的video在audio缓冲区之前启动。 所以我试图捕捉<audio>事件“canplay”,当这个事件触发,然后开始video预览。 audio源例如: http : //example.com : 8081/hls/audio.m3u8 检测代码: var audio = document.getElementById('preview-audio'); audio.oncanplay=function(){ console.log('audio loaded'); }; 但是这个事件永远不会发生。 只有发生的事件是“loadstart”和“progress”。 我怎样才能检测到audio缓冲,以便我可以与JPEG同步? 提前致谢

IE对hash改变做出额外的GET请求

当我做一个XMLHttpRequest,我也改变window.location.hash 。 例如, mysite.com/gallery/q#1变成mysite.com/gallery/q#2 。 当发生这种情况时,IE8,如Fiddler和nginx日志显示,将这个奇怪的额外请求mysite.com/gallery/ (这是404)。 该页面不重载,它就像一个XMLHttpRequest。 GET http://mysite.com/gallery/ HTTP/1.1 Accept: */* Referer: http://mysite.com/gallery/q User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727) Accept-Encoding: gzip, deflate Host: mysite.com Connection: Keep-Alive 另外,哈希更改或Ajax请求不会触发这个额外的。 另外需要注意的是 – 额外的请求并不是每个 Ajax请求都发生。 它看似随机发生。 它可以是Nginx的configuration错误? 或者它只是众多IE8漏洞中的一个? 有没有解决方法? 我不想要这个额外的负载。 更新 这里是Ajax代码( $代表jQuery): var id = link.getAttribute('data-id') var xhr = $.ajax({ […]

跨域jQuery AJAXfile upload

所以重点是我有一个子域是上传文件的API端点。 但是,当我试图上传任何与jQuery到这个子域(从主www域)我得到错误 XMLHttpRequest无法加载http://1.storage.site.net/upload 。 Access-Control-Allow-Origin不允许来源http://www.site.net 。 我尝试了一切:nginx中的头文件,源代码中的头文件,我甚至试图用文件发送文件到存根文件 <?php header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: POST, GET, OPTIONS'); header('Access-Control-Max-Age: 1000'); header('Content-type: application/json'); header('Access-Control-Allow-Headers: *'); echo json_encode(['lulz' => 123]); 用两个字:没有什么作品。 但。 我注意到,小文件(〜1MB)正确上传和文件大一点(比如说5MB) – NOT(来源不允许)。 有什么办法解决这个问题吗?

Linux返回CPU使用率

我目前正在devise一个网站的graphics系统,显示当前的CPU使用情况,你可以看到我的工作正在进行 – http://nereus.rikkuness.net/admin/cpu2.php 目前它的工作方式与我想要的完全一样,但问题在于我目前正在轮询CPU使用情况 sar 1 | sed -n '5p' | awk '{ print $8; }' 哪些工作正常,但需要大约一秒钟左右来回复CPU使用情况,使图表不能更新,因为我期望它在浏览器中。 任何帮助,将给予我相同的信息,但更快的命令将大规模赞赏。 非常感谢, 史蒂夫