2016-08-12 51 views
2

嗨,需要帮助如何解决以下问题: 需要帮助来通知所需的javascript以发布href值的操作值? 如果是的话,JavaScript的任何样本?Javascripts post value href onclick

<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> 
+0

A Rü询问如何通过URL传递参数值?像'url = new URL(“http://localhost/index.php?lat =”+ lat +“&long”+ lon);' – SESN

+0

是的。传递价值。 – sjk

+0

U可以通过后,把问号和添加各种变量你必须添加'&'符号。看到早先的评论 – SESN

回答

0

您不能通过POST仅使用url传递值。添加到URL的参数(/ path?key = value & ...语法)是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  
    }); 
} 
+0

脚本正在工作,希望只在采取行动onclick时发布指定href的值。 – sjk

+0

嗨philipp,TQVM你的我设法与变体1.Below是我的代码,请咨询,以帮助我做得更好。 – sjk

+0

window.onload = function(){ var formS = document.getElementById('formS'), a = document.querySelector('a [href =“/ FAANN/ANNS”]'), formC = document.getElementById ('formCF'), b = document.querySelector('a [href =“/ FAANN/ANNC”]'), a.addEventListener('click',function(e){ e.preventDefault(); formS.submit(); }); b.addEventListener('click',function(e){e.preventDefault(); formC.submit(); }); } – sjk