fetch请求笔记

文献

笔记果汁 🍹

注意事项

注意：最外层div的id加fuckhtml和el:对应
注意：fetch是获取请求
注意：getData和myFunction异步这里是3和4

细节gpt解读：在编程中，异步（Asynchronous）是一种处理任务的方式，指的是不等待当前任务完成就继续执行下一个任务。相对于同步（Synchronous）执行，异步执行可以提高程序的并发性和响应性。

在传统的同步编程模型中，程序按照顺序依次执行每个任务，并且必须等待前一个任务完成后才能执行下一个任务。这样的执行方式可能会导致阻塞，特别是在执行耗时的操作（如网络请求、文件读写等）时，会导致整个程序停滞，无法进行其他任务。

而异步编程模型通过利用回调函数、事件驱动或者协程等机制，允许程序在执行任务的同时继续执行其他任务，不必等待当前任务完成。当异步任务完成或者有新的事件触发时，系统会通知相关的回调函数或事件处理器进行相应的处理。

异步编程常见的应用场景包括：

1.网络通信：异步编程可以用于处理网络请求和响应，如客户端发送请求后可以立即进行其他操作，而无需等待服务器的响应。
2.文件IO：在读取或写入大量数据时，异步IO操作可以提高效率，因为程序可以继续执行其他任务，而不必等待IO操作完成。
3.并发处理：异步编程可以在同时处理多个任务时提高效率，通过并发执行任务，减少等待时间。
4.用户界面：在图形界面或Web应用程序中，异步编程可以保持用户界面的响应性，避免界面卡顿。

需要注意的是，在异步编程中，由于任务的执行是非阻塞的，所以无法直接获取任务的结果。通常会使用回调函数、Promise、Future等方式来处理异步任务的结果

:::


div id="fuckhtml"

    var app = new Vue({
        el: '#fuckhtml',
        data: {
            message: 'Hello Vue!'
        },
        created() {
            this.getData();
        },
        mounted(){
               this.myFunction();
        },
        methods:{
            // 获取 列表数据
            getData() {
                var g_id = this.getParameterByName('g_id');
                var uid = this.getParameterByName('uid');
                const formData = new FormData();
                formData.append('g_id', g_id);
                formData.append('uid', uid);
                fetch('http://ht.9gdl.com/api/fxymlist', {
                    method: 'POST',
                    body: formData
                })
                    .then(response => response.json())
                    .then(data =>{
                        console.log(data)
                        this.message=data.data;
                    })
                    .catch(error => console.error(error))
            },



    })

492 每个接口都报错

原生html使用vue

# fetch请求 笔记

fetch请求笔记