<a> href Post提交请求

weixin_34032779

于 2016-08-25 11:42:00 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/maoguangdong/blog/737650

本文介绍了如何使用jQuery的Ajax方法发起POST请求，并展示了具体的HTML和JavaScript代码实现。其中包括了阻止默认链接行为、设置请求类型、指定URL、设置Content-Type、序列化发送的数据以及定义请求成功和失败时的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

使用ajax来发起POST请求 HTML代码如下：

<a href="http://www.baidu.com" class="a_post">发起POST请求</a>

JQuery代码如下：

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

转载于:https://my.oschina.net/maoguangdong/blog/737650