使用jquery发送请求

最新推荐文章于 2025-03-20 11:00:14 发布

代罔

最新推荐文章于 2025-03-20 11:00:14 发布

阅读量5.6k

点赞数

文章标签： ajax post js node.js javascript

本文链接：https://blog.youkuaiyun.com/qq_41523392/article/details/103838529

版权

1.发送get请求

1.1标准版发送get请求

let btn1 = $('#btn1');
    btn1.click(function () {
        $.ajax('http://localhost:3000/test_get', {
            method: 'GET',
            data: {name: '代罔', age: 18},
            success:function (result) {
                console.log(result);
            },
            error:function (err) {
                console.log(err);
            }
        })

1.2简化版发送get请求

 let btn1 = $('#btn1');
 btn1.click(function (){
     $.get('http://localhost:3000/test_get',{name:'代罔',age:18},(data)=>{console.log(data)});
 }

2.发送post请求

2.1.标准版发送post请求

 let btn2 = $('#btn2');
    btn2.click(function () {
        $.ajax('http://localhost:3000/test_post', {
            method: 'POST',
            data: {name: 'leilei', age: 18},
            success:function (result) {
                console.log(result);
            },
            error:function (err) {
                console.log(err);
            }
        })

2.2简化版发送post请求

let btn2 = $('#btn2');
 btn2.click(function () {
$.post('http://localhost:3000/test_post',{name:'Leilei',age: 18},(data)=>{
            console.log(data);
        })
    })