Передать параметр из div в функцию javascript

Question

В приведенном ниже скрипте есть параметр с именем loadurl . loadurl представляет страницу, полученную с помощью ajax-вызова базы данных.Я хочу динамически предоставить URL-адрес функции $ .get () с помощью команды onclick в коде div

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

Html, который я хочу предоставить новый URL-адрес функции $ .get ()

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

Спасибо

Answer 1

выглядит немного сверх указанного. Вы можете попробовать что-то вроде:

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

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) использовалось в качестве URL для запроса ajax.

Вы можете получить текст, выполнив:

$(this).text()

Так что:

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

Answer 4

почему вы не используете тег и не используете атрибут 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>