javascript - jQueryを使用してリンクをクリックすると、ブラウザがクエリ文字列を含むURLに移動する方法は?

Question

今、私が の下にいるとしhttp://mysite.com/index.htmlます。index.html には以下の html が含まれています。

    <ul>
        <li><a data="value">Link1</a></li>
        <li><a data="value2">Link2</a></li>
        <li><a data="value3">Link3</a></li>
    </ul>

私は願います：

Link1 をクリックすると、ブラウザは次の場所に移動します。http://mysite.com/mypage.jsp?q=value

Link2 をクリックすると、ブラウザはhttp://mysite.com/mypage.jsp?q=value2

jQueryでこれを達成するにはどうすればよいですか?

どうもありがとう。

Answer 1

このような ：

$("a[data]").click(function(e) { 
   //added the data attribute to the selector 
   //prevent default href action
   e.preventDefault();
   //change url
   location.href = "http://mysite.com/mypage.jsp?q=" + $(this).attr("data");
});

または、単に HTML を次のようにすることもできます。

<ul>
  <li><a href="http://mysite.com/mypage.jsp?q=value">Link1</a></li>
  <li><a href="http://mysite.com/mypage.jsp?q=value2">Link2</a></li>
  <li><a href="http://mysite.com/mypage.jsp?q=value3">Link3</a></li>
</ul> 

Answer 2

$("a[data]").click(function(){
   e.preventDefault();
   window.location.href = "http://mysite.com/mypage.jsp?q=" + $(this).attr("data");
});

Answer 3

リンクに href を追加するだけで、javascript/jquery がなくても機能します。

本当にjavascripソリューションが必要な場合は、使用する必要があります

// similar behavior as an HTTP redirect
window.location.replace("http://stackoverflow.com");
// similar behavior as clicking on a link
window.location.href = "http://stackoverflow.com";

jquery ソリューションが必要な場合

var url = "http://stackoverflow.com";    
$(location).attr('href',url);