jquery – 用于在点击时发送帖子数据的HTML锚点

前端之家收集整理的这篇文章主要介绍了jquery – 用于在点击时发送帖子数据的HTML锚点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有可能使锚标记表现得像.submit(具有某些帖子特征?)我之所以有锚标记,是因为我不喜欢提交按钮外观并想要一个CSS按钮.

这就是我现在正在做的事情(而且它不起作用)

html文件

<div class="footer"><a href="#" id = "test_btn" class="button"><strong>Sign Up</strong></a></div>

<div class="footer"><a href="#" id = "test2_btn" class="button"><strong>Sign Up</strong></a></div>

.js文件

<script type="text/javascript">

$("#test_btn").live("click",function(){
    var post_data = {'account_type':"Free"}
    return $.post("www.someplacehere.com/user_sign_up/1/",post_data);
}); 

$("#test2_btn").live("click",function(){
    var post_data = {'account_type':"Premium"}
    return $.post("www.someplacehere.com/user_sign_up/1/",post_data);
}); 
</script>

我得到了一个正确的响应,但它没有将我发送到POST数据页面只是重定向回到页面顶部(由于锚点).任何想法如何使它指向正确的位置(html页面)与POST数据预先填写在该html页面上?正如您所注意到的,它不是一个简单的.submit().
现在可能会使用隐藏字段,然后执行.submit(),但是想知道是否有更简单的方法获取页面,因为POST可以正常完成.

谢谢!

解决方法

每个人都停止重新发明按钮.它们已经存在,它们也可以被设计.
button[type=submit] {
    background-color: transparent;
    border: none;
    border-bottom: solid blue 1px;
    color: blue;
    font-weight: bold;
    padding: 0px;
    cursor: pointer;
}

演示在这里:http://jsfiddle.net/MZbLW/

我还应该指出,世界上的每个人都将在表格末尾寻找传统按钮,从可用性的角度来看,使它看起来完全不同可能不是最好的主意.

原文链接:https://www.f2er.com/jquery/177874.html

猜你在找的jQuery相关文章