将参数从 div 传递到 javascript 函数

发布于 2024-11-27 20:42:11 字数 545 浏览 0 评论 0原文

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

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

，我想向 $.get() 函数提供新的 url

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

谢谢

原文

The script below has a parameter called loadurl. The loadurl represents a page that is retrieved with an ajax call to the database. I want to dynamically supply a url to the $.get() function with an onclick command in a div

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

Html code that i want to supply the new url to $.get() function

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

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夜雨飘雪 2024-12-04 20:42:11

为什么不使用 a 标签并使用 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>

why don't you use an a tag and use the href attribute?

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

Here would be some html.

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

回复收藏 0 原文

魄砕の薆 2024-12-04 20:42:11

我改变了你的 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);
                 });
         }
       );

I changed you jquery-ness to use more built in javascript to make it easier to read and understand

HTML:

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

And the javascript:

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

回复收藏 0 原文

謸气贵蔟 2024-12-04 20:42:11

从您所要求的内容来看，您希望将 div 的内容（div 中的文本）用作 ajax 请求的 URL。

来获取文本：

$(this).text()

您可以通过执行以下操作

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

By the looks of what you're asking, you want the content of the div (the text in the div) to be used as the URL for the ajax request.

You can get the text by doing:

$(this).text()

So that:

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

回复收藏 0 原文

梦里人 2024-12-04 20:42:11

它看起来有点超出指定范围。你可以尝试这样的事情：

$(".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>

it looks a little over specified. You could try something like:

$(".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>

回复收藏 0 原文

~没有更多了~