XMLHttpRequest（）使用絕對OR相對路徑為localhost發送NS_ERROR_FAILURE

Question

我在Firefox 31 ESR中收到以下錯誤：

錯誤：NS_ERROR_FAILURE：

源文件：

http：//localhost/Example/scripts/index.js行：18

以下是Internet Explorer 11中的相同內容：

SCRIPT5022：InvalidStateError

這里是我的腳本，並調用 AJAX功能：

ajax('post','standard/','part='+p+'&price='+q,'sequel_sub_object_key');

這是我的AJAX功能：

function ajax(method,url,param_id_container_pos,id_container,id_focus,sequel)
{
 var methods = Array('get','head','post');

 if (window.XMLHttpRequest && in_array(method,methods))
 {
  xhr = new XMLHttpRequest();
  xhr.open(method,url,true);//Error triggers here for localhost.

  if (method=='post')
  {
   xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
   xhr.send(param_id_container_pos);
  }

  xhr.send(null);

  xhr.onreadystatechange = function()
  {console.log('xhr.readyState = '+xhr.readyState);
   if (xhr.readyState=='4')
   {
    alert('xhr.responseText = '+xhr.responseText);
   }
  }
 }

顯然Firefox和IE 非常模糊地認為我在localhost上做跨站腳本...

對於URL，我嘗試傳遞絕對路徑和相對路徑：

1. document.getElementsByTagName('base')[0].href+'standard/'

2. window.location.href

3. 'standard'

我查了幾十頁，其中大多數都在Stack上，問題全都關閉了。

1. 我沒有跨網站腳本的意圖。

2. 我沒有改變method 。

3. 我沒有使用不同的協議（所有HTTP，而不是HTTPS）。

4. 我沒有使用任何子域名。

5. 我從不依賴或削弱我的代碼框架。

6. 我不在乎 ，如果URL 必須是絕對或相對的，我只需要它的工作。

7. 這是一個內聯網網站。

8. 服務器和客戶端都在同一台計算機。

9. 原始URL的格式為： http://localhost/Client/standard/?http-query

10. 目標URL是http://localhost/Client/standard/ 。

11. Apache Access日志顯示請求通過並返回HTTP 200。

12. open后立即發出alert()

13. onreadystatechange的狀態都沒有記錄在控制台中。

14. 調用ajax函數時， 不需要設置所有參數。

我錯過了什么？

Answer 1

你正在為同一個XHR對象調用send()兩次，這可能是錯誤來自的地方，因為它會觸發InvalidStateError因為對象不再打開，它已經發送了。

function ajax(method, url, param_id_container_pos, id_container, id_focus, sequel) {
    ....

        if (method == 'post') {
            xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            xhr.send(param_id_container_pos); // you're sending here
        }

        xhr.send(null); // and then again here, which triggers an error

        ..........

此外，您通常應該對要發送的數據進行url編碼

var data = 'part=' + encodeURIComponent(p) +'&price=' + encodeURIComponent(q);
ajax('post', 'standard/', data, 'sequel_sub_object_key');

全部一起

var data = 'part=' + encodeURIComponent(p) +'&price=' + encodeURIComponent(q);

ajax('post', 'standard/', data, 'sequel_sub_object_key');

function ajax(method, url, param_id_container_pos, id_container, id_focus, sequel) {
    var methods = ['get', 'head', 'post'];

    if (window.XMLHttpRequest && methods.indexOf(method) != -1) {
        var xhr = new XMLHttpRequest();

        xhr.open(method, url, true);

        if (method == 'post') {
            xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            xhr.send(param_id_container_pos);
        } else {
            xhr.send(null);
        }

        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                alert('xhr.responseText = ' + xhr.responseText);
            }
        }
    }
}