jquery发送ajax请求的几种方法 - 前端笔记-1.通过jquery中封装好的ajax函数发送请求 script &...

学习笔记

点滴记忆
回忆过往
首页>> web前端 >>jquery发送ajax请求的几种方法 - 前端笔记
1.通过jquery中封装好的ajax函数发送请求
    <script>
        $.ajax({
            type: 'get'//请求类型 是get还是post  
            url: 'http://127.0.0.1/admin'// 请求地址
            data: { //发送的数据 数据可以是 对象 和 字符串 
                name: '张三',
                age: 18
            },
            successfunction(con) { //请求成功返回的回调函数
                console.log(con);
            },
            errorfunction(err) { //请求失败返回的回调函数
                console.log(err);
            }
        })
    </script>

2.通过jquery发送jsonp请求
    <script>
        $.ajax({
            url: 'http://127.0.0.1/admin'//请求地址
            dataType: 'jsonp'//指定发送jsonp请求
            jsonp: 'cb'//修改callback参数名称
            jsonpCallback: 'fnName'//指定函数名称
            successfunction(response) { //成功时候执行

            },
            errorfunction(error) { //失败时候执行

            }

        });
    </script>


3.通过jquery中的$.get发送get请求

    <script>
        $.get('http://127.0.0.1/admin', {
            name: '张三',
            age: 30
        }, function(response) {})
    </script>

4.通过jquery中的$.post发送post请求
    <script>
        $.post('http://127.0.0.1/admin', {
            name: 'li',
            age: 22
        }, function(response) {})
    </script>

×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:前端笔记 » jquery发送ajax请求的几种方法

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)