首页前端开发HTMLhtml post请求之a标签的两种用法解析

html post请求之a标签的两种用法解析

时间2024-01-27 16:41:03发布访客分类HTML浏览917
导读:收集整理的这篇文章主要介绍了html post请求之a标签的两种用法解析,觉得挺不错的,现在分享给大家,也给大家做个参考。 htML post请求之a标签的两种用法举例,具体内容如下:1、使用ajax来发起POST请求HTML代码...
收集整理的这篇文章主要介绍了html post请求之a标签的两种用法解析,觉得挺不错的,现在分享给大家,也给大家做个参考。

htML post请求之a标签的两种用法举例,具体内容如下:

1、使用ajax来发起POST请求

HTML代码如下:

a href="https://www.js-code.COM/" class="a_post">
    发起POST请求/a>
    

jquery代码如下:

$(".a_post").on("click",function(event){
        event.preventDefault();
//使a自带的方法失效,即无法调整到href中的URL(https://www.cnblogs.com/)    $.ajax({
           tyPE: "POST",           url: "url地址",           contentType:"application/json",           data: JSON.stringify({
param1:param1,param2:param2}
),//参数列表           dataType:"json",           success: function(result){
              //请求正确之后的操作           }
,           error: function(result){
              //请求失败之后的操作           }
    }
    );
}
    );
    

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

form id="_form" method="post" action="target">
      input type="hidden" name="name" value="value" />
       a onclick="document.getElementById('_form').submIT();
    ">
    点击提交/a>
    /form>
    

总结

到此这篇关于html post请求之a标签的两种用法解析的文章就介绍到这了,更多相关html post请求 a标签内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

a标签htmlpost请求

若转载请注明出处: html post请求之a标签的两种用法解析
本文地址: https://pptw.com/jishu/588453.html
HTML行内元素与块级元素有哪些及区别详解 html+css 实现图片右上角加删除叉、图片删除按钮

游客 回复需填写必要信息