蜘蛛吧,新站快速收录,高质量网站外链,吸引各种蜘蛛! 免费收录 快速收录 最新收录 网站地图 TAGS
首页/ > 文章资讯/ > 前端

JQuery ajax()用法及代码示例

2022-12-17 15:46:27   前端   0
【导读】:中的方法用于执行请求或异步请求用法参数可能值的列表如下它用于指定请求的类型它用于指定将请求发送到的它用于指定在访问认证请求中使用的用户名它用于创建对象默认值为它指示是否应异步处理请求该函数将在发送请求之前运行服务器响应的预期数据类型它用于在...本文地址:/news/45.html

jQuery中的ajax()方法用于执行AJAX请求或异步HTTP请求。

用法:

$.ajax({name:value, name:value, ... })

参数:可能值的列表如下:


  • type:它用于指定请求的类型。

  • url:它用于指定将请求发送到的URL。

  • username:它用于指定在HTTP访问认证请求中使用的用户名。

  • xhr:它用于创建XMLHttpRequest对象。

  • async:默认值为true。它指示是否应异步处理请求。

  • beforeSend(xhr):该函数将在发送请求之前运行。

  • dataType:服务器响应的预期数据类型。

  • error(xhr, status, error):它用于在请求失败时运行。

  • global:默认值为true。它用于指定是否触发请求的全局AJAX事件句柄。

  • ifModified:默认值为false。它用于指定请求是否仅在自上一个请求以来响应已更改的情况下才成功。

  • jsonp:覆盖jsonp请求中的回调函数的字符串。

  • jsonpCallback:它用于为jsonp请求中的回调函数指定名称。

  • cache:默认值为true。它指示浏览器是否应缓存请求的页面。

  • complete(xhr, status): 该函数将在请求完成时运行。

  • contentType:默认值为:“ application /x-www-form-urlencoded”,当数据发送到服务器时使用。

  • context:它用于为所有与AJAX相关的回调函数指定“this”值。

  • data:它用于指定要发送到服务器的数据。

  • dataFilter(data, type): 它用于处理XMLHttpRequest的原始响应数据。

  • password:它用于指定在HTTP访问认证请求中使用的密码。

  • processData:默认值为true。它用于指定是否应将与请求一起发送的数据转换为查询字符串。

  • scriptCharset:它用于指定请求的字符集。

  • success(result, status, xhr):请求成功时将运行它。

  • timeout:这是请求的本地超时。单位为毫秒。

  • traditional:它用于指定是否使用传统风格的参数序列化。

范例1:本示例使用ajax()方法使用ajax请求添加文本内容。

<!DOCTYPE html>
<html>
<head>
<title>jQuery ajax() Method</title>
<script src="/jquery.min.js"></script>
<script> 
    $(document).ready(function() { 
        $("li:parent").css("background-color", "green"); 
    }); 
</script>
</head>
<body style="text-align:center;">
    <h1 style="color:green">GeeksForGeeks </h1>
    <h2> jQuery ajax() Method </h2>
    <h3 id="h11"></h3>
    <button>Click</button>
    <!-- Script to use ajax() method to add text content -->
    <script>
    $(document).ready(function() { 
            $("button").click(function() { 
                $.ajax({url: "geeks.txt",  
                        success: function(result) { 
                    $("#h11").html(result); 
                }}); 
            }); 
        }); 
    </script>
</body>
</html>


输出:

  • 单击按钮之前:

  • 单击按钮后:

范例2:本示例说明了jQuery中的ajax()方法。


输出:

  • 单击按钮之前:

  • 单击按钮后:

  • <!DOCTYPE html> 
    <html> 
    <head>  
        <title> 
            jQuery ajax() Method 
        </title> 
        <script src="/jquery.min.js"> 
        </script> 
        <script> 
            $(document).ready(function() { 
                $("li:parent").css("background-color", "green"); 
            }); 
        </script> 
    </head>  
    <body style="text-align:center;"> 
        <h1 style="color:green"> 
            GeeksForGeeks 
        </h1> 
        <h2>jQuery ajax() Method</h2> 
        <h3 id="h11"></h3>   
        <button>Click</button>  
        <!-- Script to use ajax() method to 
            add text content -->
        <script> 
            $(document).ready(function(){ 
                $("button").click(function(){ 
                    $.ajax({url: "geeks_exp.txt", async: false, 
                        success: function(result) { 
    $("h11").html(result); 
                    }}); 
                }); 
            }); 
        </script> 
    </body> 
    </html>
标签:

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、文章来源:来自于网络收集。

下一篇:http状态码
网站声明:本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,本站不承担任何责任。
©2017-2022 蜘蛛吧  https://www.zhizhuba.com/ ICP备案号:冀ICP备19007129号-5