jquery - 如何在jquery中动态调用url？

Question

我有这样的功能：

function contentDisp()
{
$.ajax({
url : "../Patient/brest/ros_brest.php",
success : function (data) {
$("#dynamicContent").html(data);
}
});
}

我有一个这样的菜单：

<div  id="leftmenu">
<ul id="accordion">
    <li><div>BREAST</div>
        <ul>
            <li ><a href="#" onClick="contentDisp();">BREAST</a></li>
                    </ul>

当最终用户单击菜单项时，相关页面将显示在为此分配的 div 中。一切工作正常，但现在如果我想对所有菜单项做同样的事情，那么我必须如何处理：url：“../Patient/brest/ros_brest.php”，而不是静态的 url 我必须如何动态传递。

提前谢谢你

Answer 1

像这样的东西：

<script type="application/javascript">
$(document).ready(function() {
   $("a.dyn-load").on("click", function() {
      $("#" + $(this).attr("data-target")).load($(this).attr("href"));
      return false;
   });
});
</script>

<a href="/some/url" class="dyn-load" data-target="dyn-content">bleh</a>
<a href="/some/url2" class="dyn-load" data-target="dyn-content">bleh2</a>
<div id="dyn-content"></div>
<a href="/some/url3" class="dyn-load" data-target="dyn-content2">bleh3</a>
<a href="/some/url4" class="dyn-load" data-target="dyn-content2">bleh4</a>
<div id="dyn-content2"></div>

演示

Answer 2

    function contentDisp(url)
{
$.ajax({
url : url,
success : function (data) {
$("#dynamicContent").html(data);
}
});
}

<li ><a href="#" onClick="contentDisp("../Patient/brest/ros_brest.php");">BREAST</a></li>

但是，我建议您删除 onClick 处理程序并将 url 作为 href 那样使用 js 关闭用户仍然会得到一些东西（阅读有关渐进增强以了解更多信息），就像这样

$("#accordion>a").click(function()
{
$.ajax({
url : $(this).attr("href"),
success : function (data) {
$("#dynamicContent").html(data);
}
});
 return false;
});

演示：http: //jsbin.com/ixifah/4

Answer 3

你可以这样做：

<a href="some_page_url" onClick="contentDisp(this);">BREAST</a>

function contentDisp(obj) {
  var someurl = $(obj).attr("href");
  $.ajax({
        url : someurl,
        success : function (data) {
            $("#dynamicContent").html(data);
        }
  });
}