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

184 0
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. ?>
复制代码