vuews从ajax获取数据

vuews从ajax获取数据

<script type="text/javascript">
var ItemsVue = new Vue({
   
    el: '#Itemlist',
    data: {
   
        items: []
    },
    mounted: function () {
   
        var self = this;
        $.ajax({
   
            url: '/items',
            method: 'GET',
            success: function (data) {
   
                self.items = JSON.parse(data);
            },
            error: function (error) {
   
                console.log(error);
            }
        });
    }
});
</script>
<div id="Itemlist">
    <table class="table">
        <tr>
            <th>Item</th>
            <th>Year</th>
        </tr>
        <tr v-for="item in items">
            <td>{
  {item.DisplayName}}</td>
            <td>{
  {item.Year}}</td>
        </tr>
    </table>
</div>

相关推荐

  1. vuewsajax获取数据

    2024-01-27 06:36:04       34 阅读
  2. js:使用ajax获取数据库数据(后端采用php)

    2024-01-27 06:36:04       19 阅读
  3. Vue3:优化-响应式数据获取数据

    2024-01-27 06:36:04       18 阅读
  4. 前端Ajax请求后端获取二进制文件并下载

    2024-01-27 06:36:04       18 阅读
  5. VUE-ajax

    2024-01-27 06:36:04       14 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-27 06:36:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-27 06:36:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-27 06:36:04       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-27 06:36:04       20 阅读

热门阅读

  1. Docker使用

    2024-01-27 06:36:04       27 阅读
  2. django对称加密算法中间件

    2024-01-27 06:36:04       38 阅读
  3. SpringBoot整合RabbitMQ实现发布订阅

    2024-01-27 06:36:04       29 阅读
  4. Initializing a django project

    2024-01-27 06:36:04       27 阅读
  5. Spring Boot常用的注解有哪些

    2024-01-27 06:36:04       39 阅读
  6. vscode vim 快捷键汇总

    2024-01-27 06:36:04       34 阅读
  7. 大语言模型-幻觉

    2024-01-27 06:36:04       33 阅读
  8. 大语言模型的技术-算法原理

    2024-01-27 06:36:04       33 阅读
  9. 如何使用Hugging Face微调大语言模型(LLMs)

    2024-01-27 06:36:04       28 阅读