Question

下面的脚本有一个名为 loadurl 的参数。 loadurl 表示使用对数据库的ajax调用检索的页面。我想通过div中的onclick命令动态地为$ .get（）函数提供一个url

$(".get").click(function ()
     {
         $.get(loadUrl, 
              function (responseText){
              $("#result").html(responseText);
             });
     }
   );

我想要为$ .get（）函数提供新网址的Html代码

<div onclick="$.get()" class="get"> page 1</div>  
<div onclick="$.get()" class="get"> page 2</div>

由于

Answer 1

为什么不使用标签并使用href属性？

$(".get").click(function ()
     {
         $.get($(this).attr('href'), 
              function (responseText){
              $("#result").html(responseText);
             });
         return false;
     }
   );

这里有一些HTML。

<a href="url" class="get"> page 1</a>  
<a href="url2" class="get"> page 2</a>

Answer 2

我改变了你的jquery-ness以使用更多内置的javascript来更容易阅读和理解

HTML：

<div onclick="javascript:get(this)" class="get"> page 1</div>  
<div onclick="javascript:get(this)" class="get"> page 2</div>

和javascript：

 function get(div)
         {
             $.get(div.innerHTML, 
                  function (responseText){
                  $("#result").html(responseText);
                 });
         }
       );

Answer 3

根据您所询问的内容，您希望将div的内容（div中的文本）用作ajax请求的URL。

您可以通过以下方式获取文字：

$(this).text()

那样：

$(".get").click(function ()
     {
         $.get($(this).text(), 
              function (responseText){
              $("#result").html(responseText);
             });
     }
   )

Answer 4

看起来有点过分了。你可以尝试类似的东西：

$(".get").click(function () {
     $.get($(this).attr("loadUrl") , 
          function (responseText){
          $("#result").html(responseText);
         });
   }
);

<a loadUrl="url" class="get"> page 1</a>  
<a loadUrl="url2" class="get"> page 2</a>

将参数从div传递给javascript函数

4 个答案: