jquery的ajax方式发送AJAX请求

Posted 2021-02-01 t-young1201

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery的ajax方式发送AJAX请求相关的知识，希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <meta http-equiv="content-type" content="text/html;charset=utf-8" >
 5     <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" ></script>
 6     <title></title>
 7   </head>
 8   <body>
 9     <button type="button" id="bid">test</button>
10     <script>
11       $(‘#bid‘).click(function(event) {
12         $.ajax({
13           url:‘./jquery_ajax.php‘,
14           dataType:‘json‘,
15           type:‘GET‘,
16           timeout:2000,  //毫秒
17           success:function(data,status){
18             //* data 可能是 xmlDoc, jsonObj, html, text, 等等...
19           },
20           error:function(XMLHttpRequest, textStatus, errorThrown){
21             //* 通常 textStatus 和 errorThrown 之中,只有一个会包含信息
22             if (textStatus === ‘timeout‘) {
23               alert(‘请求超时！‘);
24               setTimeout(function(){
25                 alert(‘准备重新请求!‘);
26               },2000);
27             }
28           }
29         });
30       });
31 
32     </script>
33   </body>
34 </html>

jquery_ajax.html

1 <?php
2   sleep(3);
3   echo json_encode(array(‘name‘=>‘Harry‘));
4  ?>

jquery_ajax.php

以上是关于jquery的ajax方式发送AJAX请求的主要内容，如果未能解决你的问题，请参考以下文章

防止重复发送ajax请求

jquery的post方式发送AJAX请求

jquery的get方式发送AJAX请求

jQuery发送AJAX

Ajax学习——GET和POST请求（jQuery中的实现方式）

jQuery高级Ajax