jquery实现Ajax请求

2023-12-13 11:22:24
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>

文章来源:https://blog.csdn.net/qq_32450471/article/details/134952885
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。