Questions tagged «ajax»

AJAX(异步JavaScript和XML)是一种用于创建交互式网站用户界面的技术,而无需传统的网页刷新或重新加载。它使用客户端和服务器之间的异步数据交换来更新显示的信息并无缝响应用户交互。包括用于编程语言,库,框架,Web浏览器,协议和其他环境信息的其他标签。

4
json未捕获的SyntaxError:意外令牌:
尝试进行呼叫并检索一个非常简单的一行JSON文件。 $(document).ready(function() { jQuery.ajax({ type: 'GET', url: 'http://wncrunners.com/admin/colors.json' , dataType: 'jsonp', success: function(data) { alert('success'); } }); });//end document.ready 这是RAW请求: GET http://wncrunners.com/admin/colors.json?callback=jQuery16406345664265099913_1319854793396&_=1319854793399 HTTP/1.1 Host: wncrunners.com Connection: keep-alive Cache-Control: max-age=0 User-Agent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.2 (KHTML, like Gecko) Chrome/15.0.874.106 Safari/535.2 Accept: */* Referer: http://localhost:8888/jquery/Test.html Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US,en;q=0.8 Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3 …

10
根据其中的内容高度调整iframe的高度
我正在网站上打开博客页面。问题是我可以给iframe设置宽度,但高度应该是动态的,以便iframe中没有滚动条,而且看起来像是一个页面... 我尝试了各种JavaScript代码来计算内容的高度,但是所有这些代码都给出了拒绝访问权限错误,没有用。 <iframe src="http://bagtheplanet.blogspot.com/" name="ifrm" id="ifrm" width="1024px" ></iframe> 我们可以使用Ajax来计算高度还是使用PHP?
69 php  javascript  ajax  iframe 

12
所请求的资源上没有“ Access-Control-Allow-Origin”标头-AngularJS
XMLHttpRequest cannot load http://mywebservice. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9000' is therefore not allowed access. 当我尝试从代码内部运行Web服务时,出现此错误。我尝试找到有关它,并尝试了许多在网上找到的建议解决方案。粘贴下面的代码。 <form name="LoginForm" ng-controller="LoginCtrl" ng-submit="init(username,password,country)"> <label>Country</label><input type="text" ng-model="country"/><br/><br/> <label>UserName</label><input type="text" ng-model="username" /></br></br> <label>Password</label><input type="password" ng-model="password"> </br> <button type="submit" >Login</button> </form> 与控制器对应的js形式为: app.controller('LoginController', ['$http', '$scope', function ($scope, $http) { $scope.login = …

7
用通过AJAX检索的内容替换HTML页面
我有一个具有典型结构的HTML页面: <html> <head> <script src="..." ></script> <style>...</style> </head> <body> content </body> <script> var success_callback = function(data) { // REPLACE PAGE CONTENT & STRUCTURE WITH "data" } ajax(url, params, success_callback); </script> </html> 您认为有可能吗?我已经尝试给html标记添加一个ID,$(id).replace(data);并且没有成功。 不要问我为什么,但这就是我所需要的(我正在与一个特殊的“ mashup builder”站点合作……这是一个很长的故事)。 编辑:我忘了说接收内容中的脚本必须执行,即使使用包含的外部脚本也是如此<script src="...">。
69 javascript  html  ajax  dom 

16
jQuery-将Ajax响应存储到全局变量中
我仍然是jQuery和ajax场景的新手,但是我有一个$ .ajax请求,执行GET来检索一些XML文件(〜6KB或更少),但是在用户花那个页面的时间内,XML内容应该不会/不会更改(此设计我无法更改,在从其他地方读取XML文件时也无权更改它)。因此,我有一个全局变量将响应数据存储到该变量中,并且对该数据进行的所有后续查询都将在此变量上进行,因此不需要进行多个请求。 考虑到XML文件可以增加的事实,我不确定这是最佳做法,而且还来自Java背景,因此我对全局公共变量的想法通常是不可以的。 因此,我的问题是,是否可能有更好的方法来解决这个问题,以及如果文件扩展到某个可笑的文件大小,是否会导致任何内存问题? 我认为数据可以传递到xml对象内部的一些getter / setter类型的函数中,这可以解决我的全局公共变量问题,但仍然引发了一个问题,即我是否应该将响应存储在对象内部。 例如,我目前正在做的是: // top of code var xml; // get the file $.ajax({ type: "GET", url: "test.xml", dataType: "xml", success : function(data) { xml = data; } }); // at a later stage do something with the 'xml' object var foo = $(xml).find('something').attr('somethingElse');
68 jquery  xml  ajax  response 


5
Dojo在2008年发生了什么?
你们中的许多人已经看到了流行的AJAX框架(Dojo,jQuery,YUI)的Google趋势图。 该图似乎清楚地表明,对Dojo的兴趣在2008年第二季度下降了,下降了80%。jQuery弥补了这一懈怠,最终增长到Dojo的三倍以上。 为什么?在2008年第二季度发生了什么,这消除了对Dojo的兴趣? (请注意,我对Dojo与jQuery的比较并不十分感兴趣;即使您可以解释为什么一个比另一个更好,也很难理解为什么在2008年4月突然变得清晰起来。)
68 jquery  ajax  dojo  history 


11
$ _SERVER ['HTTP_X_REQUESTED_WITH']在PHP中是否存在?
人们甚至在Stack Overflow的整个Internet上都指出,检查请求是否为AJAX的一种好方法是执行以下操作: if (strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest' ) {...} 但是,我没有$_SERVER['HTTP_X_REQUESTED_WITH']在官方的PHP文档中看到 当我尝试执行以下操作时: echo $_SERVER['HTTP_X_REQUESTED_WITH']; 什么也没有输出。 难道我做错了什么?因为我真的很想能够使用$_SERVER['HTTP_X_REQUESTED_WITH']它(如果有)。
68 php  ajax  http-headers 


9
在Google Chrome / Chromium和Safari中拖放文件上传?
拖放文件上传可以在Firefox 3.6中完成。 Google搜索html5拖放文件上传-gmail可以得到以下结果: 在Firefox 3.6中上载本机拖放文件 http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload http://www.thecssninja.com/javascript/drag-and-drop-upload 所有这些指南都使用FileReader(或不推荐使用Firefox 3.6 getAsBinary,也没有其他浏览器支持)。 但是,Google最近发布了Gmail更新,该更新允许在Chromium和Firefox中上传和拖放文件,而Chromium没有FileReader。我每晚都在使用最新的Chromium,它可以拖放上传文件,但不支持FileReader。 我见过有人提到,可以通过拖放到上进行拖放上载<input type="file" />,但一次只能支持一个文件,而Gmail的上载器可以处理被拖放到其上的多个文件,因此显然不是它们在做。 所以问题是,他们怎么做到的?您如何支持Chromium上载HTML5文件?另外,您可以支持Safari吗?
68 javascript  ajax  html 

7
如何在AJAX驱动页面上添加Facebook“赞”按钮
我已经拖网和堆栈溢出,但找不到这个问题的适当答案。在开始尝试寻找自己的解决方案的尝试和错误过程之前,我认为我应该转向Stack Overflow机构,以查看是否已经成功实现。 我有一个AJAX驱动的页面,对于非JavaScript浏览器和SEO,该页面可以正常降级。AJAX版本中的每次点击都可以由唯一的URL表示。 我想做的是动态更改按钮的HREF。我确实知道该标记会在运行时转换为标准HTML(即转换为讨厌的表格/ iframe布局)。 我只是想知道是否有人对如何在AJAX驱动的页面上实现类似FB的按钮有任何见解? 提前加油:) 编辑: 您如何看待我刚刚一起尝试过的这种方法?看到有什么大问题吗? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="JS/jquery/jquery.js" type="text/javascript"></script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <script language="javascript" type="text/javascript"> $("document").ready ( function () { CreateNewLikeButton("http://www.yahoo.com") $("a#ChangeToGoogle").click ( function (e) { e.preventDefault(); CreateNewLikeButton("http://www.google.ca") } ); } ); function CreateNewLikeButton(url) { …


8
在Ajax调用之后使用Django模板呈现JSON对象
我一直在尝试了解在Django中执行Ajax的最佳方法是什么。通过四处阅读,我了解到常见的过程是: 使用一些JavaScript库(例如jQuery)来制定您的Ajax调用,在Django中设置URL模式以捕获该调用并将其传递给视图函数 在Python视图函数中,检索您感兴趣的对象并将其以JSON格式或类似格式发送回客户端(通过使用内置的序列化器模块或simplejson) 在JavaScript中定义一个回调函数,该函数接收JSON数据并进行解析,以便创建需要显示的HTML。最后,JavaScript脚本将HTML放置在应保留的位置。 现在,我仍然不明白的是Django模板如何与所有这些相关?显然,我们根本没有利用模板的功能。理想情况下,我认为最好传回JSON对象和模板名称,以便可以迭代数据并创建HTML块。但是也许我在这里完全错了... 我发现朝这个方向发展的唯一资源是此代码段(769)但我还没有尝试过。显然,在这种情况下将要发生的所有结果HTML都是在服务器端创建的,然后传递给客户端。JavaScript回调函数只需要在正确的位置显示它。 这会导致性能问题吗?如果没有,即使不使用上面的代码段,为什么不使用Python而不是前端直接在后端格式化HTML? 非常感谢! 更新:请使用代码片段942,因为它是上述代码的增强版本!我发现继承支持通过这种方式效果更好。

3
刷新时使AJAX分页与(AJAX)URL过滤器参数一起使用
我有一个定义明确的AJAX过滤器,分为两部分,一部分用于加载更多按钮,另一部分用于选择下拉过滤器。两者都在AJAX中重新加载前端的属性列表,并且一起工作(例如,如果我选择“最低价格”,“最高价格”和“下拉列表中的床位数”,则列表将刷新,并且“加载更多”按钮将正常工作) 。 相同的过滤器也可用于URL参数。因此,例如,如果URL为: mydomain.com/?min_price=100000&max_price=5000000&beds=3&page=3 它将按那些参数进行过滤。它甚至可以显示3页的属性。这非常好,包括初始负载。但是,如果直接加载URL,则它不适用于分页。如果我直接在浏览器中输入上述URL并加载,初始结果是正确的,但是在单击“加载更多”按钮时,它会将page = 3更改为page = 4(正确),但是它附加了未过滤完成的属性的第二页,并继续这样做-而不是进行过滤分页。 我究竟做错了什么? 这是我的代码(很抱歉!) JS: jQuery(function($){ // AJAX Stuff for filters + load more button /* * Load More */ $('#prop_loadmore').click(function(){ $.ajax({ url : prop_loadmore_params.ajaxurl, data : { 'action': 'loadmorebutton', 'query': prop_loadmore_params.posts, // loop parameters passed by wp_localize_script() 'page' : prop_loadmore_params.current_page, // Get …
9 php  jquery  ajax  wordpress 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.