Question

我正在使用jquery ajax来获取一个名为 matid.jsp 的页面，就像这样::

var loadUrl = "matid.jsp";


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

有没有办法从html页面的正文更新此 var loadurl ，看起来像这样

“ matid.jsp？hello ”下次点击次数？

下面是我在调用.get（）函数时创建多个具有不同 loadurl 参数的div的方法

for(int i=1; 1<20; i++){
<div onclick="$.get()" class="get"><%=i%> </div>
}

谢谢

Answer 1

嗯，您可以在div上添加数据属性，这些属性是在HTML5中引入的。如果您现在需要，可以使用jQuery更新/更改click函数中的data-url属性。希望这可以帮助。 JavaScript

$(".get").click(function(){

   // get the page associated with the div element
   // the below line gets the value of the data-url attribute
   var page = jQuery.data($(this), "url");

   // load the page with a GET request
   $.get(page, function(responseText){
      // set the result
      $(".result").html(responseText);
   });
});

HTML

<div class="get" data-url="somepage.php?page=1"></div>
<div class="get" data-url="somepage.php?page=2"></div>

<div class="result">
</div>

有关数据属性的参考：

在HTML中：http://ejohn.org/blog/html-5-data-attributes/

在jQuery中：http://api.jquery.com/jQuery.data/

祝你好运。

Ajax更新参数

1 个答案: