html使用A标签发起post请求两种用法举例

时间:2021-11-25
类别:教程 - 网页设计

html使用A标签发起post请求两种用法举例,具体内容如下:

1、使用ajax来发起POST请求

HTML代码如下:

  1. <a href="https://www.uu2018.com/" class="a_post">发起POST请求</a> 

JQuery代码如下:

  1. $(".a_post").on("click",function(event){ 
  2.  
  3.     event.preventDefault();//使a自带的方法失效,即无法调整到href中的URL(https://www.uu2018.com/) 
  4.  
  5.     $.ajax({ 
  6.  
  7.            type: "POST"
  8.  
  9.            url: "url地址"
  10.  
  11.            contentType:"application/json"
  12.  
  13.            data: JSON.stringify({param1:param1,param2:param2}),//参数列表 
  14.  
  15.            dataType:"json"
  16.  
  17.            success: function(result){ 
  18.  
  19.               //请求正确之后的操作 
  20.  
  21.            }, 
  22.  
  23.            error: function(result){ 
  24.  
  25.               //请求失败之后的操作 
  26.  
  27.            } 
  28.  
  29.     }); 
  30.  
  31. }); 

2、使用form表单来发起POST请求

  1. <form id="_form" method="post" action="target"
  2.  
  3.   <input type="hidden" name="name" value="value" />  
  4.  
  5.   <a onclick="document.getElementById('_form').submit();">点击提交</a> 
  6.  
  7. </form> 
    收藏