Ajax请求

$.ajax({
    url:"请求地址",
    type:"POST",
    data: {
      id: id
    },
    success:function(data){
        console.log(data);
    },
    error: function(){
        alert('请求异常')
    }
});

Vue模板

HTML文件：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <!-- 导入 vue 文件 -->
    <script src="./lib/vue_2.5.22.js"></script>
  </head>
  <body>
    <!-- 被 vm 实例所控制的区域 -->
    <div id="app">
    </div>

    <script>
      // 创建 vm 实例对象
      const vm = new Vue({
        // 指定控制的区域
        el: '#app',
        data: {}
      })
    </script>
  </body>
</html>

Vue单文件组件：

<template>
  <div>
    页面
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  // 初始化数据
  created () {
  },
  // 初始化页面
  mounted () {
  },
  methods: {
  }
}
</script>

<style lang="less" scoped>
</style>

HTML（PC端）

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>标题</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="keywords" content="百里飞洋">
    <meta name="description" content="百里飞洋" />
    <meta name="author" content="Barry-Flynn">

    <!-- CSS -->
    <link type="text/css" rel="stylesheet" href="css/index.css">
    <!-- <style type="text/css"></style> -->

    <!-- JS -->
    <script type="text/javascript" src="js/index.js"></script>
    <!-- <script type="text/javascript"></script> -->

</head>
<body>
    <div class="header"></div>
    <div class="nav"></div>
    <div class="bannar"></div>
    <div class="main"></div>
    <div class="footer"></div>
</body>
</html>

CSS样式

* {
    margin: 0;
    padding: 0;
}

ul, ol, li {
    list-style: none;
}

C语言

#include<stdio.h>
int main()
{

    return 0;
}