Tag: 阿贾克斯

如何正确渲染部分视图,并使用Express / Jade在AJAX中加载JavaScript文件?

概要 我正在为我的Web应用程序使用Express + Jade,并且正在努力为我的AJAX导航渲染部分视图。 我有两个不同的问题,但他们是完全相关的,所以我把他们包括在同一个职位。 我想这将是一个很长的post,但我保证这是有趣的,如果你已经在同样的问题挣扎。 如果有人花时间阅读和提出解决scheme,我将非常感激。 TL; DR:2个问题 使用Express + Jade为AJAX导航呈现视图片段的最干净 , 最快捷的方式是什么? 应该如何加载相对于每个视图的JavaScript文件? 要求 我的Web应用程序需要与已禁用的用户兼容 JavaScript的 如果启用了JavaScript,则只有页面自己的内容(而不是整个布局)应该从服务器发送到客户端 该应用程序需要快速,并加载尽可能less的字节 问题1:我试过了 解决scheme1:针对AJAX和非AJAX请求拥有不同的文件 我的layout.jade是: doctype html html(lang="fr") head // Shared CSS files go here link(type="text/css",rel="stylesheet",href="css/bootstrap.min.css") body div#main_content block content // Shared JS files go here script(src="js/jquery.min.js") 我的page_full.jade是: extends layout.jade block content h1 Hey Welcome ! 我的page_ajax是: […]

邮差如何发送请求? 阿贾克斯,相同的来源政策

我发现这个非常有用的扩展称为postman,这是一个非常有用的扩展,特别是当你编程RESTful应用程序。 我困惑的一件事是,这个插件/扩展如何成功地发送POST请求在不同的域? 我用这样的邮递员尝试投票。 提交后,投票实际上是在计算中,但是当我尝试使用Ajax和JavaScript的时候,由于浏览器的起源策略不同而失败。 这怎么可能呢? 这是我的代码使用jQuery。 我用在我的电脑,虽然,本地主机。 init: function() { $.ajax({ url: 'http://domain.com/vote.php', type:'POST', dataType: 'html', data: { id: '1' }, success: function(data) { if ( data == 'voted' ) { $('.set-result').html( 'you already voted. try again after 24 hours' ); } else { $('.set-result').html( 'successfully voted' ); } } }); },

Chrome在按下button时显示ajax响应

我遇到了一个问题,如果我使用jQuery的Get方法来获得一些内容,如果我点击回来,而不是实际上回到历史中的一页,而是显示由Ajax查询返回的内容。 有任何想法吗? http://www.dameallans.co.uk/preview/allanian-society/news/56/Allanian-test 在上面的页面中,如果您在更改页面后单击返回的注释列表下方使用分页,则会显示用于生成注释列表的HTML内容。 我注意到它并不总是这样做,但是如果您点击不同的页面几次,并单击后退button,它只是在窗口而不是网站显示json文本。 由于某种原因,这只会影响Chrome浏览器,因为IE和Firefox工作正常。

为什么经过身份validation的CORS请求的预检选项请求在Chrome中运行,而不是在Firefox中运行?

我正在编写一个JavaScript客户端以包含在第三方网站上(请考虑Facebook Likebutton)。 它需要从需要基本HTTPauthentication的API中检索信息。 简化的设置如下所示: 第三方网站在其页面上包含此片段: <script async="true" id="web-dev-widget" data-public-key="pUbl1c_ap1k3y" src="http://web.dev/widget.js"> </script> widget.js调用API: var el = document.getElementById('web-dev-widget'), user = 'token', pass = el.getAttribute('data-public-key'), url = 'https://api.dev/', httpRequest = new XMLHttpRequest(), handler = function() { if (httpRequest.readyState === 4) { if (httpRequest.status === 200) { console.log(httpRequest.responseText); } else { console.log('There was a problem with the request.', httpRequest); […]

chrome中的错误:Content-Type不被Access-Control-Allow-Headers所允许

尝试发送ajax请求时,Chrome中出现此错误: Content-Type is not allowed by Access-Control-Allow-Headers 一切工作正常在Firefox。 任何人都可以帮我解决这个问题?

networking面板不工作在weinre

我想写一个基于AJAX的混合Android应用程序。 我试图让我的脑袋周围,但我不能让networking面板出现。 它不显示常规的networking交互,并且对于任何XHR交互,它表示“状态未决”和“types未决”。 还有其他人面对这个问题吗? 这个链接没有解决问题: https : //issues.apache.org/jira/browse/CB-5424

Web套接字使ajax / CORS过时?

在所有Web浏览器中使用Web套接字是否会使Ajax过时? 因为如果我可以使用Web套接字来实时获取数据和更新数据,为什么我需要Ajax? 即使我使用ajax只是在应用程序启动时取一次数据,我仍然可能想看看这个数据在一段时间后是否改变了。 networking套接字是可能的跨域或只有相同的起源?

在Chrome开发人员工具中查看AJAX响应内容?

传统上我使用FireBug来debugging我的AJAX请求。 它允许您检查请求的内容以及从服务器发回的响应。 (它也会在控制台中通知你这些事情发生的时间,这是Chrome似乎缺乏的一个有用的function)。 在Chrome中,我似乎只能查看请求,而不是响应。 当我尝试检查响应时,UI只显示“No Content Available”(开发工具>资源> myRequest.php>内容)。 我是否需要开启某些function才能使Chrome开发人员工具记住这些请求? 编辑:万一它很重要,这些请求正在一个Flash对象内进行。

当加载外部数据时,控制台说:XHR完成加载

有没有办法在控制台中隐藏"XHR finished loading"消息?

Ajax请求如何处理Rail的Flash?

我很满意我提出的解决scheme 。 基本上,我有一个辅助方法,重新加载Flash内联,然后我有一个after_filter清除闪光灯,如果请求是xhr。 有没有人有比这更简单的解决scheme? 更新:上面的解决scheme写回到Rails 1.x,不再支持。