<tfoot id='rwbgn'></tfoot>
<i id='rwbgn'><tr id='rwbgn'><dt id='rwbgn'><q id='rwbgn'><span id='rwbgn'><b id='rwbgn'><form id='rwbgn'><ins id='rwbgn'></ins><ul id='rwbgn'></ul><sub id='rwbgn'></sub></form><legend id='rwbgn'></legend><bdo id='rwbgn'><pre id='rwbgn'><center id='rwbgn'></center></pre></bdo></b><th id='rwbgn'></th></span></q></dt></tr></i><div id='rwbgn'><tfoot id='rwbgn'></tfoot><dl id='rwbgn'><fieldset id='rwbgn'></fieldset></dl></div>
<legend id='rwbgn'><style id='rwbgn'><dir id='rwbgn'><q id='rwbgn'></q></dir></style></legend>

<small id='rwbgn'></small><noframes id='rwbgn'>

    <bdo id='rwbgn'></bdo><ul id='rwbgn'></ul>

      1. 原型 AJAX 请求作为 OPTIONS 而不是 GET 发送;导致 501 错误

        Prototype AJAX request being sent as OPTIONS rather than GET; results in 501 error(原型 AJAX 请求作为 OPTIONS 而不是 GET 发送;导致 501 错误)

          <tbody id='p0il3'></tbody>

            <small id='p0il3'></small><noframes id='p0il3'>

              <legend id='p0il3'><style id='p0il3'><dir id='p0il3'><q id='p0il3'></q></dir></style></legend>
            1. <i id='p0il3'><tr id='p0il3'><dt id='p0il3'><q id='p0il3'><span id='p0il3'><b id='p0il3'><form id='p0il3'><ins id='p0il3'></ins><ul id='p0il3'></ul><sub id='p0il3'></sub></form><legend id='p0il3'></legend><bdo id='p0il3'><pre id='p0il3'><center id='p0il3'></center></pre></bdo></b><th id='p0il3'></th></span></q></dt></tr></i><div id='p0il3'><tfoot id='p0il3'></tfoot><dl id='p0il3'><fieldset id='p0il3'></fieldset></dl></div>
                <bdo id='p0il3'></bdo><ul id='p0il3'></ul>
                <tfoot id='p0il3'></tfoot>

                • 本文介绍了原型 AJAX 请求作为 OPTIONS 而不是 GET 发送;导致 501 错误的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  我正在尝试使用 Prototype/AJAX 访问 Web 服务,但遇到了一个我无法弄清楚的错误:似乎当我向服务器发出请求时,我的请求被解释为 OPTIONS 而不是GET 请求(反过来抛出一个 501 - 未实现的错误,因为服务器只允许 GET 请求,基于我从 Access-Control-Request-Method: 的理解).我是否在我的 AJAX/请求公式中遗漏了可能导致此错误的内容?我已经阅读了一些 CORS/预检请求 here 但我我不确定当我的代码看起来合规时它如何应用......

                  I'm attempting to access a web service with Prototype/AJAX and am running into an error I can't figure out: it seems that when I make a request to a server my request is interpreted as an OPTIONS rather than a GET request (and in turn throws a 501 - not implemented error since the server only allows GET requests, based on what I understand from Access-Control-Request-Method:). Am I missing something in my AJAX/request formulation that may be causing this error? I've read a bit into CORS/preflighted requests here but I'm unsure how it could apply when my code looks compliant...

                  以下是相关的 AJAX 请求:

                  Here's the relevant AJAX request:

                  function fetchMetar() {
                  var station_id = $("station_input").value;
                  
                      new Ajax.Request(REQUEST_ADDRESS, {
                          method: "get",
                          parameters: {stationString: station_id},
                          onSuccess: displayMetar,
                          onFailure: function() {
                              $("errors").update("an error occurred");
                          }
                      });
                  }
                  

                  这是我从 Chrome 获得的错误和相关请求信息:

                  and here's the error and relevant request info I get from Chrome:

                  Request URL:http://weather.aero/dataserver_current/httpparam?
                   dataSource=metars&requestType=retrieve&format=xml&hoursBeforeNow=3
                   &mostRecent=true&stationString=&stationString=KSBA
                  Request Method:OPTIONS
                  Status Code:501 Not Implemented
                  Request Headers
                  Accept:*/*
                  Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
                  Accept-Encoding:gzip,deflate,sdch
                  Accept-Language:en-US,en;q=0.8
                  Access-Control-Request-Headers:origin, x-prototype-version, x-requested-with, accept
                  Access-Control-Request-Method:GET
                  Connection:keep-alive
                  Host:weather.aero
                  Origin:http://domain.com
                  Referer:http://domain.com/.../...html
                  

                  我在这里可以忽略什么?为什么 Chrome 会说请求是作为 OPTIONS 而不是 GET 发送的?当 Chrome 吐出 Access-Control-Request-Headers: 信息时,这些是请求中唯一允许的标头吗?

                  What could I be overlooking here? Why does Chrome say the request is being sent as OPTIONS rather than GET? When Chrome spits out the Access-Control-Request-Headers: information, are these exclusively the only headers allowed in the request?

                  谢谢!

                  推荐答案

                  在prototypejs 上寻找正确修复的时间太长了...最后,我们在伟大的 kourge (Wilson Lee) 文章!.摘录如下:

                  Too many hours looking for a correct fix on prototypejs... finally, we have a non-intrusive solution on great kourge (Wilson Lee) article!. Here is an excerpt:

                  大多数主要的 Ajax 框架都喜欢在您实例化的 Ajax 请求上设置自定义 HTTP 标头;最流行的标头是 X-Requested-With: XMLHttpRequest.因此,您的请求被提升为预检请求并失败.解决方法是防止您的 JavaScript 框架设置这些自定义标头,如果您的请求是跨域的.如果您的 URL 被认为是远程的,jQuery 已经通过不设置自定义标头巧妙地避免了无意的预检请求.如果您使用其他框架,则必须手动防止这种情况.

                  Most major Ajax frameworks like to set custom HTTP headers on the Ajax requests you instantiate; the most popular header is X-Requested-With: XMLHttpRequest. Consequently your request is promoted to a preflighted one and fails. The fix is to prevent your JavaScript framework from setting these custom headers if your request is a cross-domain one. jQuery already cleverly avoids unintentionally preflighting requests by not setting custom headers if your URL is considered to be remote. You'd have to manually prevent this if you're using other frameworks.

                  它可以很简单:

                  new Ajax.Request('http://www.external-domain.net/my_api.php?getParameterKey=getParameterValue', {
                              method:'post',
                              contentType:"application/x-www-form-urlencoded",
                              postBody:'key=' + value,
                              onSuccess: function(response) {
                                  // process response
                              },
                              onCreate: function(response) { // here comes the fix
                                  var t = response.transport; 
                                  t.setRequestHeader = t.setRequestHeader.wrap(function(original, k, v) { 
                                      if (/^(accept|accept-language|content-language)$/i.test(k)) 
                                          return original(k, v); 
                                      if (/^content-type$/i.test(k) && 
                                          /^(application/x-www-form-urlencoded|multipart/form-data|text/plain)(;.+)?$/i.test(v)) 
                                          return original(k, v); 
                                      return; 
                                  }); 
                              } 
                          });
                  

                  如果您发现此解决方案的任何缺点/改进,我们欢迎您分享:)

                  If you see any disadvantage/improvement to this solution, we welcome you to share :)

                  这篇关于原型 AJAX 请求作为 OPTIONS 而不是 GET 发送;导致 501 错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  quot;Status Code:200 OK (from ServiceWorker)quot; in Chrome Network DevTools?(“状态码:200 OK(来自 ServiceWorker)在 Chrome 网络开发工具中?)
                  How to set a header for a HTTP GET request, and trigger file download?(如何为 HTTP GET 请求设置标头并触发文件下载?)
                  Adding custom HTTP headers using JavaScript(使用 JavaScript 添加自定义 HTTP 标头)
                  What is quot;X-Content-Type-Options=nosniffquot;?(什么是“X-Content-Type-Options=nosniff?)
                  SQL Query DocumentDB in Azure Functions by an integer not working(通过整数在 Azure Functions 中 SQL 查询 DocumentDB 不起作用)
                  Azure Functions [JavaScript / Node.js] - HTTP call, good practices(Azure Functions [JavaScript/Node.js] - HTTP 调用,良好实践)
                        <tbody id='JFf0Z'></tbody>
                    1. <tfoot id='JFf0Z'></tfoot>

                      <small id='JFf0Z'></small><noframes id='JFf0Z'>

                        <bdo id='JFf0Z'></bdo><ul id='JFf0Z'></ul>
                          • <i id='JFf0Z'><tr id='JFf0Z'><dt id='JFf0Z'><q id='JFf0Z'><span id='JFf0Z'><b id='JFf0Z'><form id='JFf0Z'><ins id='JFf0Z'></ins><ul id='JFf0Z'></ul><sub id='JFf0Z'></sub></form><legend id='JFf0Z'></legend><bdo id='JFf0Z'><pre id='JFf0Z'><center id='JFf0Z'></center></pre></bdo></b><th id='JFf0Z'></th></span></q></dt></tr></i><div id='JFf0Z'><tfoot id='JFf0Z'></tfoot><dl id='JFf0Z'><fieldset id='JFf0Z'></fieldset></dl></div>
                            <legend id='JFf0Z'><style id='JFf0Z'><dir id='JFf0Z'><q id='JFf0Z'></q></dir></style></legend>