Questions tagged «ajax»

我正在尝试将脚本连接到Microsoft的World-Wide Telescope应用程序。后者在端口5050上侦听命令。它与浏览器在同一台计算机上运行（现在是Chrome，但是据我所知，行为与Firefox 7和IE 9相同）。 我发送带有原始html文件的“ Access-Control-Allow-Origin：*”标头来尝试消除XSS限制，这是我的问题。 我访问WWT的代码如下： $.ajax({ type: 'POST', url: url, data: data, crossDomain: true, success: success, dataType: dataType }); 在这种情况下，URL为“ http：//127.0.0.1：5050 / layerApi.aspx？cmd = new＆...”（显然，...是此处一些其他参数的简写）。 查看Chrome中的网络诊断程序，可以看到以下内容： Request URL:http://127.0.0.1:5050/layerApi.aspx?cmd=new&... Request Headersview source Accept:application/xml, text/xml, */*; q=0.01 Content-Type:application/x-www-form-urlencoded Origin:http://gwheeler4 Referer:http://gwheeler4/conceptconnect.html User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.835.186 …

87 javascript  jquery  ajax 

我正在尝试使用jquery和ajax上传图像。但是奇怪的事情在这里发生了。在控制台中记录其显示 TypeError：在未实现接口FormData的对象上调用了“ append”。 请告诉我我在这里做错了什么？ JS脚本 var prosrc=$("#pro_pix img").last().attr("src"); $("#logoform").on('change',function(event){ var postData = new FormData(this); $("#pro_pix img").last().hide(); $("#pro_pix img").first().show(); event.preventDefault(); $.ajax( { url : "/function/pro_pic_upload.php", type: "POST", data : postData, success:function(data, textStatus, jqXHR) { $("#pro_pix img").last().show(); $("#pro_pix img").first().hide(); $("#pro_pix h6").text(data); }, error: function(jqXHR, textStatus, errorThrown) { //if fails } }); }); …

87 javascript  jquery  ajax 

我现在遇到一个奇怪的CORS问题。 这是错误消息： XMLHttpRequest cannot load http://localhost:8666/routeREST/select?q=[...] Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin 两台服务器： localhost：8666 / routeREST /：这是一个简单的Python Bottle服务器。 localhost：8080 /：我在其中运行Javascript应用程序的Python simpleHTTPserver。这个应用程式正在上方的伺服器执行Ajax要求。 有什么问题的想法吗？ 编辑： 而且...港口是问题所在。感谢您的回答:) 如果有人也在使用Python瓶服务器，则可以按照本文中给出的答案解决CORS问题： Bottle Py：为jQuery AJAX请求启用CORS

86 javascript  python  ajax  cross-domain  cors 

attempt_login提交登录表单后，使用Ajax调用以下方法。 class AccessController < ApplicationController [...] def attempt_login authorized_user = User.authenticate(params[:username], params[:password]) if authorized_user session[:user_id] = authorized_user.id session[:username] = authorized_user.username flash[:notice] = "Hello #{authorized_user.name}." redirect_to(:controller => 'jobs', :action => 'index') else [...] end end end 问题是那redirect_to行不通。 您将如何解决？

85 ruby-on-rails  ajax  ruby-on-rails-3  redirect 

我有一个使用Google Maps API来显示地图的页面。当我直接加载页面时，将显示地图。但是，当我尝试使用AJAX加载页面时，出现错误： Uncaught ReferenceError: google is not defined 为什么是这样？ 这是带有地图的页面： <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <script> var directionsDisplay; var directionsService = new google.maps.DirectionsService(); var map; function initialize() { directionsDisplay = new google.maps.DirectionsRenderer(); var chicago = new google.maps.LatLng(41.850033, -87.6500523); var mapOptions = { zoom:7, mapTypeId: google.maps.MapTypeId.ROADMAP, center: chicago } map = …

85 ajax  google-maps-api-3 

我的Web应用程序有一个登录页面，该页面通过AJAX调用提交身份验证凭据。如果用户输入正确的用户名和密码，则一切正常，但如果不正确，则会发生以下情况： Web服务器确定尽管请求中包含格式正确的Authorization标头，但标头中的凭据未成功进行身份验证。 Web服务器返回401状态代码，并包含一个或多个列出受支持的身份验证类型的WWW-Authenticate标头。 浏览器检测到对我对XMLHttpRequest对象的调用的响应是401，并且该响应包含WWW-Authenticate标头。然后，它会弹出一个身份验证对话框，再次询问用户名和密码。 直到步骤3为止，一切都很好。我不想弹出对话框，我想处理AJAX回调函数中的401响应。（例如，通过在登录页面上显示错误消息。）当然，我希望用户重新输入用户名和密码，但我希望他们看到我友好的，令人放心的登录表单，而不是浏览器的默认丑陋外观身份验证对话框。 顺便说一句，我无法控制服务器，因此让它返回自定义状态代码（即401以外的其他内容）不是一种选择。 有什么办法可以禁止身份验证对话框？特别是，我可以在Firefox 2或更高版本中取消“需要身份验证”对话框吗？有什么方法可以抑制IE 6及更高版本中的“连接到[主机]”对话框？ 编辑 作者提供的其他信息（9月18日）： 我应该补充一点，弹出的浏览器身份验证对话框的真正问题在于，它无法向用户提供足够的信息。 用户刚刚通过登录页面上的表单输入了用户名和密码，他认为自己已经正确输入了二者，并且单击了提交按钮或按Enter。他的期望是他将被带到下一页，或者被告知他输入的信息不正确，应重试。但是，相反，他看到一个意外的对话框。 对话是没有的，他只是一个事实确认没有输入用户名和密码。它没有明确指出存在问题，他应该重试。而是，对话框为用户提供了诸如“网站说：' [领域] '”之类的神秘信息。其中[realm]是只有程序员才能喜欢的简短领域名称。 Web浏览器设计者应注意：如果对话框本身只是更易于使用，则没人会问如何隐藏身份验证对话框。我填写登录表单的全部原因是我们的产品管理团队正确地认为浏览器的身份验证对话框很糟糕。

85 javascript  ajax  http-authentication 

这是我的javascript： function getWeather() { $.getJSON('getTemperature/' + $('.data option:selected').val(), null, function(data) { alert('Success'); }); } 这是我的控制器： @RequestMapping(value="/getTemperature/{id}", headers="Accept=*/*", method = RequestMethod.GET) @ResponseBody public Weather getTemparature(@PathVariable("id") Integer id){ Weather weather = weatherService.getCurrentWeather(id); return weather; } spring-servlet.xml <context:annotation-config /> <tx:annotation-driven /> 收到此错误： GET http://localhost:8080/web/getTemperature/2 406 (Not Acceptable) 标头： 响应标题 Server Apache-Coyote/1.1 Content-Type text/html;charset=utf-8 …

85 java  javascript  ajax  json  spring 

诚然，Stack Overflow周围也存在类似的问题，但似乎没有一个完全符合我的要求。 这是我想要做的： 上传完整的数据形式，其中一个是单个文件 使用Codeigniter的文件上传库 到这里为止，一切都很好。数据根据需要进入我的数据库。但我也想通过AJAX帖子提交表单： 使用原生HTML5 File API，而不是Flash或iframe解决方案 最好与底层.ajax()jQuery方法连接 我想我可以想象如何通过使用纯JavaScript来在字段的值更改时自动上载文件来实现此目的，但我宁愿一次完成所有工作以在jQuery中提交。我认为无法通过查询字符串进行操作，因为我需要传递整个文件对象，但是此时我有点不知所措。 能做到吗？

84 javascript  jquery  ajax  html  file-upload 

这似乎仅与Safari有关。我在Mac上尝试过4，在Windows上尝试过3，但仍然没有运气。 我正在尝试加载外部HTML文件，并执行嵌入的JavaScript。 我要使用的代码是这样的： $("#myBtn").click(function() { $("#myDiv").load("trackingCode.html"); }); trackingCode.html 看起来像这样（现在很简单，但是如果我能正常工作的话，将会扩展一次）： <html> <head> <title>Tracking HTML File</title> <script language="javascript" type="text/javascript"> alert("outside the jQuery ready"); $(function() { alert("inside the jQuery ready"); }); </script> </head> <body> </body> </html> 我在IE（6＆7）和Firefox（2＆3）中都看到了警报消息。但是，我无法在Safari中看到消息（我需要关注的最后一个浏览器-项目要求-请不要大惊小怪）。 关于Safari为什么忽略trackingCode.html文件中的JavaScript的任何想法？ 最终，我希望能够将JavaScript对象传递到此trackingCode.html文件以在jQuery ready调用中使用，但是我想确保在所有浏览器中都可以做到这一点。

83 jquery  ajax  safari 

我是ajax和回调函数的新手，如果我弄错了所有概念，请原谅我。 问题：我可以将回调函数作为参数发送给将执行该回调的另一个函数吗？ function firstFunction(){ //some code //a callback function is written for $.post() to execute secondFunction("var1","var2",callbackfunction); } function secondFunction(var1, var2, callbackfunction) { params={} if (event != null) params = event + '&' + $(form).serialize(); // $.post() will execute the callback function $.post(form.action,params, callbackfunction); }

83 javascript  ajax  callback  call 

我的JavaScript有时在此行崩溃： var json = eval('(' + this.responseText + ')'); 当的参数eval()不是JSON时会导致崩溃。有没有办法在进行此调用之前检查字符串是否为JSON？ 我不想使用框架-有什么办法可以使用Just来完成这项工作eval()？（我保证这是有充分的理由的。）

83 javascript  ajax  json  validation 

当我的网站是100％jQuery时，我曾经这样做： $.ajaxSetup({ global: true, error: function(xhr, status, err) { if (xhr.status == 401) { window.location = "./index.html"; } } }); 为401错误设置全局处理程序。现在，我将angularjs与$resource和$http一起使用，以向服务器发送（REST）请求。有什么办法可以类似地用angular设置全局错误处理程序吗？

82 javascript  ajax  angularjs 

我想在我的ajax请求完成后呈现我的组件。 在下面您可以看到我的代码 var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data, function(index, element){ rows.push(<OptionRow obj={element} />); }); return (<Input type='select'>{rows}</Input>) }) } }); 但是我收到下面的错误，因为我正在ajax请求的done方法内返回render。 Uncaught Error: Invariant Violation: CategoriesSetup.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other …

82 javascript  ajax  asynchronous  reactjs  jquery-deferred 

我正在使用此脚本上传我的图像文件：http : //jsfiddle.net/eHmSr/ $('.uploader input:file').on('change', function() { $this = $(this); $('.alert').remove(); $.each($this[0].files, function(key, file) { $('.files').append('<li>' + file.name + '</li>'); data = new FormData(); data.append(file.name, file); $.ajax({ url: $('.uploader').attr('action'), type: 'POST', dataType: 'json', data: data }); }); }); 但是，当我单击“上传”按钮时，JavaScript控制台将返回以下错误： Uncaught TypeError: Illegal invocation 你能帮助我吗？

82 jquery  ajax  html  upload 

我很清楚这是可以做到的，并且我已经研究了很多地方（包括：保存整个收藏集的最佳实践？）。但是我仍然不清楚它到底是用代码编写的吗？（该帖子以英语进行了解释。最好有一个JavaScript特定的解释：） 假设我有一个模型集合-模型本身可能具有嵌套集合。我已经覆盖了父集合的toJSON（）方法，并且得到了一个有效的JSON对象。我希望“保存”整个集合（对应的JSON），但是主干似乎并没有内置该功能。 var MyCollection = Backbone.Collection.extend({ model:MyModel, //something to save? save: function() { //what to write here? } }); 我知道您必须在某处说： Backbone.sync = function(method, model, options){ /* * What goes in here?? If at all anything needs to be done? * Where to declare this in the program? And how is …

81 jquery  ajax  backbone.js