a标签以post方式提交

简介: a标签以post方式提交


  • 使用ajax来发起POST请求
<a href="http://www.baidu.com" class="a_post">发起POST请求</a>
$(".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){
            //请求失败之后的操作
        }
    });
});

使用ajax来发起POST请求

<a onclick="提交用的函数">xxx</a>
<a href="#">xxx</a>
$('a').click(function(){
    $.post('http://127.0.0.1/api.php', {'nike':0},
        function(cdata) {
        console.log('ok', cdata)
    })
})
  • form方式提交
<form id="_form" method="post" action="target">
    <input type="hidden" name="name" value="value" />
    <a onclick="document.getElementById('_form').submit();">点击提交</a>
</form>


相关文章
|
6月前
|
JSON JavaScript 前端开发
form表单提交方式
form表单提交方式
|
2天前
获取form表单提交的内容
获取form表单提交的内容
|
6月前
|
小程序 前端开发 JavaScript
小程序提交form表单
微信小程序提交form表单内容
55 0
|
6月前
element中form表单resetFields()方法重置表单无效
element中form表单resetFields()方法重置表单无效
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
522 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
|
安全 应用服务中间件
Form表单method属性的两种提交方式Get和Post的区别
Form表单method属性的两种提交方式Get和Post的区别
208 0
|
前端开发 程序员
提交文件至服务器的设置——表单属性中的 enctype
提交文件至服务器的设置——表单属性中的 enctype
203 0
提交文件至服务器的设置——表单属性中的 enctype
|
移动开发 Java HTML5
HTML5 学习11.初识表单post和get提交
HTML5 学习11.初识表单post和get提交
|
前端开发 安全 JavaScript
form表单提交的submit和ajax区别
有关同源策略和跨域,可以参考 跨域的那些事儿
437 0