AJAX -- jQuery实现

怼烎@ 2022-06-02 04:40 142阅读 0赞

$("button").click(function(){ 
      $.ajax({url:"demo_test.txt",success:function(result){ 
            $("#div1").html(result);
        }});
    });

$.ajax({ url:"${ContextPath}/emp/"+id, type:"GET", success:function(result){ //console.log(result); }
            });

$.ajax({
                url:"${ContextPath}/emp/"+$(this).attr("edit-id"),
                type:"PUT",
                data:$("#empUpdateModal form").serialize(),
                success:function(result){ 
                    //alert(result.msg);
                }
            });

$.ajax({
                url:"${ContextPath}/checkuser",
                data:"empName="+empName,
                type:"POST",
                success:function(result){ 
                    if(result.code==100){
                    }else{
                    }
                }
            });

$.ajax({ url:"${ContextPath}/emp/"+empId, type:"DELETE", success:function(result){ alert(result.msg); }
                });

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>值/描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>async</td> 
   <td>布尔值，表示请求是否异步处理。默认是 true。</td> 
  </tr> 
  <tr> 
   <td>beforeSend(xhr)</td> 
   <td>发送请求前运行的函数。</td> 
  </tr> 
  <tr> 
   <td>cache</td> 
   <td>布尔值，表示浏览器是否缓存被请求页面。默认是 true。</td> 
  </tr> 
  <tr> 
   <td>complete(xhr,status)</td> 
   <td>请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后）。</td> 
  </tr> 
  <tr> 
   <td>contentType</td> 
   <td>发送数据到服务器时所使用的内容类型。默认是：”application/x-www-form-urlencoded”。</td> 
  </tr> 
  <tr> 
   <td>context</td> 
   <td>为所有 AJAX 相关的回调函数规定 “this” 值。</td> 
  </tr> 
  <tr> 
   <td>data</td> 
   <td>规定要发送到服务器的数据。</td> 
  </tr> 
  <tr> 
   <td>dataFilter(data,type)</td> 
   <td>用于处理 XMLHttpRequest 原始响应数据的函数。</td> 
  </tr> 
  <tr> 
   <td>dataType</td> 
   <td>预期的服务器响应的数据类型。</td> 
  </tr> 
  <tr> 
   <td>error(xhr,status,error)</td> 
   <td>如果请求失败要运行的函数。</td> 
  </tr> 
  <tr> 
   <td>global</td> 
   <td>布尔值，规定是否为请求触发全局 AJAX 事件处理程序。默认是 true。</td> 
  </tr> 
  <tr> 
   <td>ifModified</td> 
   <td>布尔值，规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是 false。</td> 
  </tr> 
  <tr> 
   <td>jsonp</td> 
   <td>在一个 jsonp 中重写回调函数的字符串。</td> 
  </tr> 
  <tr> 
   <td>jsonpCallback</td> 
   <td>在一个 jsonp 中规定回调函数的名称。</td> 
  </tr> 
  <tr> 
   <td>password</td> 
   <td>规定在 HTTP 访问认证请求中使用的密码。</td> 
  </tr> 
  <tr> 
   <td>processData</td> 
   <td>布尔值，规定通过请求发送的数据是否转换为查询字符串。默认是 true。</td> 
  </tr> 
  <tr> 
   <td>scriptCharset</td> 
   <td>规定请求的字符集。</td> 
  </tr> 
  <tr> 
   <td>success(result,status,xhr)</td> 
   <td>当请求成功时运行的函数。</td> 
  </tr> 
  <tr> 
   <td>timeout</td> 
   <td>设置本地的请求超时时间（以毫秒计）。</td> 
  </tr> 
  <tr> 
   <td>traditional</td> 
   <td>布尔值，规定是否使用参数序列化的传统样式。</td> 
  </tr> 
  <tr> 
   <td>type</td> 
   <td>规定请求的类型（GET 或 POST）。</td> 
  </tr> 
  <tr> 
   <td>url</td> 
   <td>规定发送请求的 URL。默认是当前页面。</td> 
  </tr> 
  <tr> 
   <td>username</td> 
   <td>规定在 HTTP 访问认证请求中使用的用户名。</td> 
  </tr> 
  <tr> 
   <td>xhr</td> 
   <td>用于创建 XMLHttpRequest 对象的函数。</td> 
  </tr> 
 </tbody> 
</table>