Javascript VueJs如何发送带有参数的post请求?
我用这种方式发送请求Javascript VueJs如何发送带有参数的post请求?,javascript,post,vuejs2,Javascript,Post,Vuejs2,我用这种方式发送请求 this.$http.post('http://localhost:3000/store', {something: 'string'}, { headers: { 'Accept': 'application/json', 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }}) 如果通过浏览器查看,参数如下所示 在图中,我显示的
this.$http.post('http://localhost:3000/store', {something: 'string'}, {
headers: {
'Accept': 'application/json',
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
}})
如果通过浏览器查看,参数如下所示
在图中,我显示的对象看起来像({“某物”:“字符串”}:)
请注意,我的对象是另一个对象的键
(如果使用json.stringfy(),我的对象仍然是另一个对象的键)
为什么会发生这种情况以及如何制作普通对象?我认为最好的方法是先创建对象
var something=“key”;
var obj={};
obj[something]=“string”;
这是.$http.post('http://localhost:3000/store",obj,{
标题:{
“接受”:“应用程序/json”,
“内容类型”:“application/x-www-form-urlencoded;charset=UTF-8”
}})
我认为最好的方法是先创建对象
var something=“key”;
var obj={};
obj[something]=“string”;
这是.$http.post('http://localhost:3000/store",obj,{
标题:{
“接受”:“应用程序/json”,
“内容类型”:“application/x-www-form-urlencoded;charset=UTF-8”
}})
变量mixin={
var url='1〕http://localhost/vue/serv.php';
这是.http.get(url,{params:{action:'buscar',userid:'2'},headers:{'X-Custom':'…'})。然后(response=>{
this.usuarios=response.body;
控制台日志(响应);
},回应=>{
console.log(错误);
});
}
}
新Vue({
el:“#resultado”,
mixin:[mixin],
数据:{
titulo:“Vue lmideias”,
通常情况:[]
}
});
变量mixin={
var url='1〕http://localhost/vue/serv.php';
这是.http.get(url,{params:{action:'buscar',userid:'2'},headers:{'X-Custom':'…'})。然后(response=>{
this.usuarios=response.body;
控制台日志(响应);
},回应=>{
console.log(错误);
});
}
}
新Vue({
el:“#resultado”,
mixin:[mixin],
数据:{
titulo:“Vue lmideias”,
通常情况:[]
}
});
code-only答案在堆栈溢出时不被认为是好答案。请至少加上一两句解释如何使用/如何回答问题。此外,请用代码格式包装代码。只有代码的答案在堆栈溢出时不被认为是好答案。请至少加上一两句解释如何使用/如何回答问题。此外,请用代码格式包装您的代码。
<script>
var mixin = {
var url = 'http://localhost/vue/serv.php';
this.$http.get(url, {params: {action: 'buscar', userid:'2'}, headers: {'X-Custom': '...'}}).then(response => {
this.usuarios = response.body;
console.log(response);
}, response => {
console.log(error);
});
}
}
new Vue({
el: '#resultado',
mixins: [mixin],
data:{
titulo: "Vue lmideias",
usuarios: []
}
});
</script>