Javascripts发布值href onclick

时间:2016-08-12 07:52:09

标签: html

您需要帮助如何解决以下问题: 需要帮助建议所需的javascript通过href动作发布值? 如果是的话,javascript的任何样本?

    <div class="row">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
</button>
        <a class="navbar-brand" href="@("/WWeb".FromRoot())">Home</a>
</div>
<div class="collapse navbar-collapse">
    <form id="form1" action="/FAANN/ANNStat" name="postlink" method="post">
        <input type="text" name="pdata" Value="@Model.D_stock">

    <ul class="nav navbar-nav">
        <li><a style="font-size:12px;margin-right:5px;" href="#">Summary >></a></li>

        <li> <a style="font-size:12px;margin-right:12px;" href="@("/FAANN/ANNStat".FromRoot())" onclick=" ">Statement </a> </li>

        <li class="active"><a style="font-size:12px;margin-right:12px;" href="#">BS</a></li>

        <li><a style="font-size:12px;margin-right:12px;" href="@("/FAANN/ANNCF".FromRoot())" onclick="mypost();" >Cash Flow</a></li>

        <li><a style="font-size:12px;margin-right:12px;" href="@("/FAOwnDaily/FAOwnDaily".FromRoot())" onclick="mypost();" >Top 10</a></li>
    </ul>

    <ul class="nav navbar-nav navbar-right">              
        <li><a style="font-size:12px;" ref="/WWeb/Account/LogOff">LogOff</a></li>
    </ul>
    </form>     
</div>
</div>
</div>

1 个答案:

答案 0 :(得分:0)

您不能仅使用网址通过POST传递值。添加到URL的参数(/ path?key = value&amp; ...语法)是GET参数。 POST数据被添加到HTTP请求的正文中,因此不是URL的一部分。

要将数据发布到服务器,您可以使用XMLHttpRequest,如下所示:

var xhr = new XMLHttpRequest();
    xhr.open('POST', '/<url>');
    xhr.send(<data here>);

或者你可以使用这样的表格:

<form action="/<url>" method="post" id="form">
    <input type="hidden" name="<key>" value="<value>" />
</form>

接着是这样的JS:

window.onload = function() {
    var form = document.getElementById('form');
    //adding more data to the form by appending more
    //inout fields
    form.submit();
}

我希望有所帮助。

修改

点击后发布:

<a href="someval">Txt</a>

window.onload = function () {
    var form = document.getElementById('form'),
        a = document.querySelector('a[href="someval"]');

    //variant 1 (using the "form method"):
    a.addEventListener('click', function (e) {
        e.preventDefault();

        //modify the form here            

        form.submit();
    });

    //variant 2 (using the "xhr method"):
     a.addEventListener('click', function (e) {
        e.preventDefault();

        var xhr = new XMLHttp.. //code from above      
    });
}