jquery实现Ajax请求

最新推荐文章于 2024-03-17 09:54:54 发布

历史老师-

最新推荐文章于 2024-03-17 09:54:54 发布

阅读量242

点赞数

分类专栏： jquery 文章标签： jquery ajax 前端

本文链接：https://blog.csdn.net/qq_32450471/article/details/134952885

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、在`<head>`标记中引入jquery.js文件

 <script src="https://code.jquery.com/jquery-3.6.1.js"></script>

2、几种常见jQuery的Ajax方法

①url：链接地址，字符串表示
②data：(可选) 要发送给服务器的数据，GET与POST都可以，将自动转换为请求字符串格式，以 Key/value 的键值对形式表示，会做为QueryString附加到请求URL中，格式为{A: ‘…’, B: ‘…’}
③type：“POST” 或 “GET”，请求类型
④timeout：请求超时时间，单位为毫秒，数值表示
⑤cache：是否缓存请求结果，bool表示
⑥contentType：内容类型，默认为"application/x-www-form-urlencoded"
⑦dataType：服务器响应的数据类型，字符串表示；当填写为json时，回调函数中无需再对数据反序列化为json
⑧success：请求成功后，服务器回调的函数
⑨error：请求失败后，服务器回调的函数
⑩complete：请求完成后调用的函数，无论请求是成功还是失败，都会调用该函数；如果设置了success与error函数，则该函数在它们之后被调用
⑪async：是否异步处理，bool表示，默认为true；设置该值为false后，JS不会向下执行，而是原地等待服务器返回数据，并完成相应的回调函数后，再向下执行
⑫username：访问认证请求中携带的用户名，字符串表示
⑬password：返回认证请求中携带的密码，字符串表示

get提交：

 <script type="text/javascript">
        function login1(){
            $.ajax({
                url: "http://www.xxx.com/user/list",
                type: "GET",
                data:'{name: 'James'}', //必须是字符串格式
                contentType:"application/json", //指定内容格式
                dataType:json,
                success: function(res) {  //括号里的data是服务器返回的数据
                    console.log(res);
                }
            });
        }
    </script>

post提交：

<script>
    $('#btn1').click(function () {
        $.ajax({
            type:"post",
            url:'http://www.xx.com/user',
            data:{
                'bookname':'name'
            },
            dataType: "json",   	//返回数据的格式
            success:function (res) 
                console.log(res);   
        });
    });
</script>

历史老师-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery实现Ajax请求

②data：(可选) 要发送给服务器的数据，GET与POST都可以，将自动转换为请求字符串格式，以 Key/value 的键值对形式表示，会做为QueryString附加到请求URL中，格式为{A: ‘…⑪async：是否异步处理，bool表示，默认为true；设置该值为false后，JS不会向下执行，而是原地等待服务器返回数据，并完成相应的回调函数后，再向下执行。⑩complete：请求完成后调用的函数，无论请求是成功还是失败，都会调用该函数；④timeout：请求超时时间，单位为毫秒，数值表示。
复制链接

扫一扫