jQuery AJAX最常用的三种方法

痛定思痛。 2022-06-01 10:06 189阅读 0赞

CV大法用习惯了，有时候都忘记基本的写法了，做个记录，方便下次查看

其实jQuery 调用AJAX方法有很多，如下图， 不过在项目中常用的也就那么几个，做个小统计：  
![这里写图片描述][format_png]

--------------------

#### 最常用的三种： ####

<script>
        //把所有需要用到的地址归类到一个对象里
        var webUrl = {
            "show1Url": "{
       { url('address/list1') }}",
            "show2Url": "{
       { url('address/list2') }}",
            "show3Url": "{
       { url('address/list3') }}"
        };
    
        function getData() {
            $.get(webUrl.show1Url,  //获取地址
                function(json){
                    console.log(json);
                 });
        }
    
    
        function postData(v1) {
    		$.ajaxSettings.async = true;   //在这里设置同步或异步 默认为true(可不写)  false为同步
    		
            $.post(webUrl.show2Url,   //获取地址
                {
                    "id":v1          //需要传输的数据
                },
                function(json){
                    console.log(json);
                });
        }
        
        function fullData(id) {
            $.ajax({              //  AJAX 请求设置。所有选项都是可选的。
                async:false,        //请求是同步或异步    默认为true  为true时不用写
                type: "POST",            //设置类型
                url: webUrl.show3Url,           //数据传输地址
                dataType: "json",               //获取的数据类型
                data: {"id":id},            //传参
                success: function (json) {      //请求成功之后调用
                    // console.log(json);
                    console.log(json);
                },
                error: function () {        //请求出错时调用
                    console.log("请求失败");
                }
            })
        }
    
        
    </script>

最后一种虽然很全，不过如果功能要求不是特别复杂的用前两个就OK

对于代码，比较喜欢简短精致(～￣▽￣)～

其他参考手册：https://www.w3school.com.cn/jquery/jquery\_ref\_ajax.asp

AJAX全局设置： $.ajaxSetup         https://www.runoob.com/jquery/ajax-ajaxsetup.html

[format_png]: /images/20220601/32f5f8590ff0484691fb59ffddc56167.png

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery中AJAX请求常见常用的几种方法

前言:原生的AJAX请求在原生JavaScript中发送，十分繁琐，使用jQuery会更加简洁快速。原生AJAX请求 ![watermark_type_ZmFuZ3p

绝地灬酷狼/ 2023年10月06日 03:29/ 0 赞/ 13 阅读

相关 jQuery ajax - ajax() 方法

jQuery的ajax：平常没怎么理解它，只是用它和服务器端进行数据交互。随着不断深入，需要将一些基础的记录一下，方便以后复习回忆，因此有了这篇博文。 jQuery aja

超、凢脫俗/ 2023年02月08日 12:59/ 0 赞/ 18 阅读

相关 c语言最常用的排序方法是,C语言：三种排序方法

目的：在写代码的时候许多地方我们可能都需要用到排序，因此掌握一些排序方法是非常有必要的，下面就介绍几种常用的排序方法。先定义一个数组： int num\[\] = \

ゞ浴缸里的玫瑰/ 2023年01月22日 14:48/ 0 赞/ 165 阅读

相关三种最常用的日志分析软件

现在有大量的开放源码日志跟踪程序和分析工具可用，这使得为活动志书选择合适的资源比想象中要容易得多。自由开放源代码软件社区提供了适用于各种网站以及几乎所有操作系统的日志设计，下面

快来打我*/ 2023年01月09日 15:44/ 0 赞/ 151 阅读

相关 jQuery - $.ajax() data{} 传参三种常见写法及ajax()方法参数详解

原文地址（强烈建议看原文）：[http://www.webkaka.com/tutorial/js/2019/083065/][http_www.webkaka.com_tut

灰太狼/ 2022年10月07日 09:51/ 0 赞/ 194 阅读

相关 $()的三种方法-jquery

定义和用法 jQuery() 方法接受一个字符串，其中包含了用于匹配元素集合的 CSS 选择器。 jQuery() 函数有三种语法： jQuery( selecto

浅浅的花香味﹌/ 2022年09月24日 04:29/ 0 赞/ 199 阅读

相关 jQuery ajax - ajax() 方法

[jQuery Ajax 参考手册][jQuery Ajax] 实例通过 AJAX 加载一段文本： jQuery 代码： $(document).read

桃扇骨/ 2022年06月06日 03:05/ 0 赞/ 301 阅读

相关 jQuery AJAX最常用的三种方法

CV大法用习惯了，有时候都忘记基本的写法了，做个记录，方便下次查看其实jQuery 调用AJAX方法有很多，如下图，不过在项目中常用的也就那么几个，做个小统计： ![

痛定思痛。/ 2022年06月01日 10:06/ 0 赞/ 190 阅读

相关 JQuery（学习笔记五）AJAX常用三种方法

一、 AJAX 简介一句话：在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。二、load() 方法一句话：load() 方法从服务

Love The Way You Lie/ 2022年05月14日 12:24/ 0 赞/ 174 阅读

相关 jQuery AJAX最常用的三种方法

[freedom\_文][freedom] CV大法用习惯了，有时候都忘记基本的写法了，做个记录，方便下次查看其实jQuery 调用AJAX方法有很多，如下图，不

电玩女神/ 2022年04月10日 05:54/ 0 赞/ 239 阅读