vue中ajax请求

 
  1. $.post("http://localhost:3000/go2",{money:that.money,time:that.time,

  2. name:that.name,num:that.num,zhi:that.zhi,city:that.city,xin:that.xin,shou:that.shou

  3.  
  4. },function(data){

  5.  
  6. that.msg = Number(data[0].money)+Number(that.money)

  7. $.post("http://localhost:3000/go",{money:that.msg,time:that.time,

  8. name:that.name,num:that.num,shou:that.shou

  9.  
  10. },function(data){

  11. //console.log(data)

  12. if(data=="成功"){

  13. alert("数据更新成功")

  14. that.$router.push("/wodeqian")

  15. }else{

  16. alert("数据更新失败")

  17. }

  18. })

  19.  
  20. })

  21.  
  22.  
  23. }

  24.  
  25. }

  26. }

 
  1. app.post("/go", function(req, res) {

  2.  
  3. res.header("Access-Control-Allow-Origin","*")

  4.  
  5. // console.log(req.body)

  6. // console.log(req.query)

  7.  
  8.  
  9. let money = req.body.money;

  10. let time = req.body.time;

  11. let name = req.body.name;

  12. let num = req.body.num;

  13. let zhi = req.body.zhi;

  14. let city = req.body.city;

  15. let xin = req.body.xin;

  16. let shou = req.body.shou;

  17. console.log("222222222222222222222222222222222222222222")

  18. console.log(shou)

  19. mongodb.connect(url1,function (err,database) {

  20. database.collection("users",function(err,coll){

  21. coll.find({PhoneNumber:shou}).toArray(function(err,data){

  22. if(data.length>0){

  23. coll.updateOne({PhoneNumber:shou},{$set:{money:money,time:time,name:name,num:num}},function(){

  24. res.send("成功")

  25. database.close();

  26. })

  27.  
  28. }

  29. })

  30. })

  31.  
  32. })

  33.  
  34. })

  35. // mongodb.connect(url1,function (err,database) {

  36. // database.collection("user",function(err,coll){

  37. // coll.find({name:name}).toArray(function(err,data){

  38. // if(data.length>0){

  39. // res.send("已存在")

  40. // database.close();

  41. // }else{

  42. // coll.save({money:money,time:time,name:name,num:num,zhi:zhi,city:city,xin:xin,shou:shou},function(){

  43. // res.send("成功")

  44. // database.close();

  45. // })

  46. // }

  47. // })

  48. // })

  49. // })

  50.  
  51.  
  52.  
  53.  
  54. app.post("/go2", function(req, res) {

  55.  
  56. res.header("Access-Control-Allow-Origin","*")

  57.  
  58. console.log(req.body)

  59. console.log(req.query)

  60.  
  61.  
  62. let money = req.body.money;

  63. let time = req.body.time;

  64. let name = req.body.name;

  65. let num = req.body.num;

  66. let zhi = req.body.zhi;

  67. let city = req.body.city;

  68. let xin = req.body.xin;

  69. let shou = req.body.shou;

  70.  
  71. //console.log("注册")

  72. mongodb.connect(url1,function (err,database) {

  73. database.collection("users",function(err,coll){

  74. coll.find({PhoneNumber:shou}).toArray(function(err,data){

  75. if(data.length>0){

  76. // console.log("11111111111111111111111111111111111111")

  77. // console.log(data)

  78. res.send(data)

  79.  
  80. database.close()

  81. }

  82. })

  83. })

  84.  
  85. })

  86.  
  87. })

Vue是一种流行的JavaScript框架,用于构建用户界面。采用了组化的开发方式,使得前端发更加模块化和可维护。而Ajax是一种用于在后台与服务器进行异步信的技术,可以在不刷新整页面的情况下更新部分页面内容。 在VueAjax请求可以通过使用Vue的内置方法或者第三方库来实现。Vue内置了一个名为`axios`的库,它是一个基于Promise的HTTP客户端,可以用于发送Ajax请求。 以下是使用axios发送Ajax请求的基本步骤: 1. 首先,在你的项目安装axios库。可以使用npm或者yarn命令进行安装:`npm install axios`或者`yarn add axios`。 2. 在需要发送Ajax请求的组件,引入axios库:`import axios from 'axios'`。 3. 使用axios发送请求,可以通过调用axios的各种方法(如get、post等)来发送不同类型的请求。例如,发送一个GET请求可以使用`axios.get(url)`方法。 4. 处理请求的响应,axios返回的是一个Promise对象,你可以使用`.then()`方法来处理成功的响应,使用`.catch()`方法来处理错误的响应。 下面是一个简单的示例代码,演示了如何在Vue使用axios发送GET请求: ```javascript import axios from 'axios'; export default { methods: { fetchData() { axios.get('https://api.example.com/data') .then(response => { // 处理成功的响应 console.log(response.data); }) .catch(error => { // 处理错误的响应 console.error(error); }); } } } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值