2017-02-18 36 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

相关问题