2017-02-18 80 views
3

我正在使用axios.post,但服務器似乎沒有收到後數據。axios post服務器沒有收到來自瀏覽器的數據

這是我有:

var baseURL = "http://localhost:8888/dbRouting.php"; 
var body = { 
    function: 'foo', 
    id: 'bar', 
} 

axios.post(baseURL, body) 
.then((response) => { console.log("Data Loaded AXIOS: " + response.data); }) 
.catch(function (error) {console.log(error);}); 

// Data Loaded AXIOS: array(0) { 
// } 

這個jQuery郵寄到同一個文件,在另一方面,工作原理:

$.post(baseURL, body) 
    .done(function(data) { 
    console.log("Data Loaded JQUERY: " + data); 
    }); 

//Data Loaded JQUERY: array(2) { 
//["function"]=> 
//string(3) "foo" 
//["id"]=> 
//string(3) "bar" 
//} 

服務器文件(dbRouting.php)就是:

<?php 
var_dump($_POST); 
?> 

任何想法可能會發生什麼?

回答

0

這似乎是一個網絡問題。 仔細檢查URL和端口localhost:8888/dbRouting.php on JQuery & Axios demo 它們是否完全一樣? 你的.catch是否被解僱了?什麼是錯誤? 是您的服務器在localhost上進行響應:8888?

或者,您可以檢查使用不同的客戶端(例如郵差https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop?hl=en

+1

URL和端口仔細檢查了。在這兩種情況下都可以訪問php文件。 axios工作正常(沒有錯誤拋出),然後觸發'then'。只是php文件沒有從axios的post-call中收到任何數據。其他一切工作的頂尖。 – gondolfier

+0

我也有同樣的問題 –

1

這是我允許後端是PHP通過$ _ POST來處理它的方式你的服務器實現。這是我在vue方法部分中的代碼的一部分。

假設你是張貼到POST_URL和你有一個對象,VAR myObject的:

var myObject = { 
    property: value, 
    property1: value1, 
    property2: value2 
} 

在我的VUE,方法部分:

updateForm: function(myObject){ 
      var post_url = (your post url); 

      axios.post(post_url, makePostReady(myObject)) 
      .then(function (response) { 
       console.log(response); 
      }) 
      .catch(function (error) { 
       console.log(error); 
      }); 
     } 

然後以上(之前愛可信崗位調用)或使其成爲全球功能。我下面的函數創建把我想用愛可信作爲後發的任何對象,這樣就會形成

property=value&poperty1=value1&property2=value2...... 

下面的功能是:

function makePostReady(object) 
{ 
    var sentence = ""; 
    for (var key in object) { 
     sentenceAdd = key + '=' + object[key] + '&'; 
     sentence = sentence + sentenceAdd; 
    } 
    //console.log('sentence: ' + sentence); 
    return sentence; 
} 

之後,你可以的var_dump($ _ POST)在你的post_url來檢查一切是否正常。然後你可以照常處理數據。

希望這有助於

下面是一些圖片,以幫助更好地理解

enter image description here

enter image description here

相關問題