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>


相关文章
|
JSON JavaScript 前端开发
form表单提交方式
form表单提交方式
111 0
|
5月前
|
前端开发 JavaScript API
网页自动提交Form表单的方法
在数字化时代,自动化任务如网页自动提交Form表单,能大幅提升效率。这涉及自动填写注册信息等场景。本文概述了多种实现方式:JavaScript可直接在前端自动填充并提交;Python结合Selenium模拟真实用户操作;AOKSend作为API工具发送表单数据;第三方工具如iMacros、AutoHotkey和Zapier提供非编程自动化选项。根据需求选择合适方法,可显著提升工作效能,减少重复性劳动。
|
7月前
获取form表单提交的内容
获取form表单提交的内容
|
小程序 前端开发 JavaScript
小程序提交form表单
微信小程序提交form表单内容
97 0
|
前端开发 JavaScript
el-upload上传文件和表单一起提交+后端接收代码
el-upload上传文件和表单一起提交+后端接收代码
553 3
el-upload上传文件和表单一起提交+后端接收代码
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
658 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
|
安全 应用服务中间件
Form表单method属性的两种提交方式Get和Post的区别
Form表单method属性的两种提交方式Get和Post的区别
433 0
|
移动开发 Java HTML5
HTML5 学习11.初识表单post和get提交
HTML5 学习11.初识表单post和get提交
|
前端开发 安全 JavaScript
form表单提交的submit和ajax区别
有关同源策略和跨域,可以参考 跨域的那些事儿
522 0

热门文章

最新文章