请选择 进入手机版 | 继续访问电脑版

拿起手机
扫一扫

查看: 34|回复: 0

vue.js的ajax(post请求)后端程序获取传递参数数据的方法

[复制链接]

528

主题

545

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
14644

活跃会员热心会员推广达人宣传达人论坛元老

QQ
发表于 2019-10-25 15:10:23 | 显示全部楼层 |阅读模式
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <title>vue.js的ajax请求数据</title>
  5.         <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  6.         <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  7. </head>
  8. <body>
  9.         <div id="app">

  10.   <ul>
  11.      
  12.      <li v-for="site in info">{{site.name}}</li>

  13.   </ul>
  14. </div>
  15. <script type = "text/javascript">
  16. new Vue({
  17.   el: '#app',
  18.   data () {
  19.     return {
  20.       info: null
  21.     }
  22.   },
  23.   mounted () {
  24.   
  25.   axios.post('/ajax.php', {
  26.     firstName: 'Fred',        // 参数 firstName
  27.     lastName: 'Flintstone'    // 参数 lastName
  28.   })
  29.   .then(function (response) {
  30.     console.log(response);
  31.   })
  32.   .catch(function (error) {
  33.     console.log(error);
  34.   });
  35.   }



  36. })
  37. </script>

  38. </body>
  39. </html>
复制代码
  1. <?php


  2. // $josn = array('name'=>'网站','num'=>3,'sites'=>array(
  3.   
  4. //   array('name'=>'guge',info=>array(
  5. //      "Android","谷歌搜索","百度搜索"
  6. //   )),

  7. //    array('name'=>'baidu',info=>array(
  8. //      "Android","谷歌搜索","百度搜索"
  9. //   )),

  10. //     array('name'=>'360',info=>array(
  11. //      "Android","谷歌搜索","百度搜索"
  12. //   )),

  13. // ));

  14. // echo json_encode($josn);

  15. var_dump(json_decode(file_get_contents('php://input'),true));





  16. ?>
复制代码


注册会员遇到问题请发邮箱到2422154647@qq.com 免费领取账户,禁止发布任何广告!本论坛是个人知识点记录平台! 感谢配合!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

快速回复 返回顶部 返回列表