ajax绑值,vue.js使用ajax绑定数据之post方法

[HTML] 纯文本查看复制代码

发送AJAX请求

window.οnlοad=function(){

new Vue({

el:'#itany',

data:{

user:{

name:'alice',

age:19

methods:{

sendPost(){

// axios.post('server.php',{

// name:'alice',

// age:19

// }) //该方式发送数据是一个Request Payload的数据格式，一般的数据格式是Form Data格式，所有发送不出去数据

// axios.post('server.php','name=alice&age=20&') //方式1通过字符串的方式发送数据

axios.post('server.php',this.user,{ //方式2通过transformRequest方法发送数据，本质还是将数据拼接成字符串

transformRequest:[

function(data){

let params='';

for(let index in data){

params+=index+'='+data[index]+'&';

}

return params;

}

]

})

.then(resp => {

console.log(resp.data);

}).catch(err => {

console.log('请求失败：'+err.status+','+err.statusText);

});

}

});

}

发送AJAX请求

GET方式发送AJAX请求

ajax绑值,vue.js使用ajax绑定数据之post方法相关推荐

Vue.js render函数的数据双向绑定
在Vue.js render函数中数据双向绑定较为复杂.
vue.js 组件之间传递数据 1
vue.js 组件之间传递数据框架浏览数:437 2017-8-21 组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用.如何传递数据 ...
html页面数字滚动,Vue.js大屏可视化数据数字滚动翻转跳转效果（通俗易懂附完整代码）...
原文:Vue.js大屏可视化数据数字滚动翻转跳转效果(通俗易懂附完整代码) 大屏数字滚动翻转效果来源于最近工作中element后台管理页面一张大屏的UI图,该UI图上有一个模块需要有数字往上翻动的效果 ...
JS判断数据类型以及数据过滤空值方法
JS判断数据类型以及数据过滤空值方法在我们的项目开发中,经常需要对一个传输中的数据进行滤空处理,过滤 null.undefined.''.[].{}等,还要对字符串进行去除两端的空格操作.为此,我写 ...
ajax绑值,AJAX请求,返回json进行页面绑值
前台代码: index.html 去往含有ajax的页面点我! queryList.html AJAX请求,返回json进行页面绑值 var name = "测试"; //测试与 ...
php ajax返回值会打印出来,ajax返回值有php字符
jquery插件 - 表单插件 Jquery Form Plugin是jquery最重要的插件之一,它利用AJAX技术在不引起页面刷新的情况下POST表单.主要有两个方法:ajaxform和ajaxs ...
js ajax局部替换,纯JS实现AJAX局部刷新功能
AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 J ...
vue.js 组件之间传递数据
前言组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用.如何传递数据也成了组件的重要知识点之一. 组件组件与组件之间,还存在着不同的关 ...
Vue.js 源码分析(五) 基础篇方法 methods属性详解
methods中定义了Vue实例的方法,官网是这样介绍的: 例如:: <!DOCTYPE html> <html lang="en"> <head&g ...

ajax绑值,vue.js使用ajax绑定数据之post方法

ajax绑值,vue.js使用ajax绑定数据之post方法相关推荐

最新文章

热门文章