ajax

最新推荐文章于 2024-06-20 09:53:57 发布

转载最新推荐文章于 2024-06-20 09:53:57 发布 · 54 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tujw/p/10506976.html

本文对比了使用Ajax和Fetch API进行HTTP请求的方法。通过具体的代码示例，展示了如何使用这两种方式发送GET请求，并获取服务器响应的数据。对于前端开发者来说，理解这两种请求方式的区别及其应用场景至关重要。

$.ajax({
        type : 'get',
        url : './login.php',
        data : {
            'id' : $('#id')[0].value,
            'pwd' : $('#pwd')[0].value
        },
        success : function (data) {
            $('#content').html(data);
        }
    });

View Code

// fetch post请求在method后面加上header "Content-type" : "application/x-www-form-urlencoded"
// 数据写在body中  
fetch('https://tujiaweiweb.github.io/Web/user.json?name=' + name.value + '&pwd=' + pwd.value, {
    method : 'get',
}).then(function suc(res) {
    console.log(res);
    res.json(function () {

    }).then(function suc(res) {
        for(var i = 0; i < res.length; i++) {
            console.log(res[i]['id'], res[i]['pwd']);
        }
        
    }, function fail() {
        console.log('fail');
    });
});