Question

从浏览器中，当用户点击按钮或链接（从大型列表A到ZZZ）时，我正在尝试从服务器获取HTML片段（预定义）。

1）什么是 执行AJAX GET的最可重用的方式，而不是在整个地方编码。

按钮列表可以按顺序增长。

Answer 1

我个人的做法是使用JQueryUi Widgets。

然后你可以做一些这样的神话般的事情 - 当然有一百万个变种，所以把它作为一个想法并修改它以适应。

<div id="TargetElement">Empty</div>

<button role="reloader" data-get-url="http://www.google.com" data-get-target-id="#TragetElement">A special button or link.</button>

然后是小部件：

$.widget( "custom.reloader", {

      _create: function() {

        var element = $(this);

          element.click(function(e){
             e.preventDefault();

             var getUrl = element.data('get-url');
             var target = element.data('get-target-id')

             $.get( getUrl, function( data ) {
              $(target).html( data ); 
            });

          });
      },

    });

只需在onload中调用$('[role=reloader]').reloader();或者将某些内容应用于该角色的所有按钮

：d

（未经测试，但应该有效）

通过传递变量可重用的JQuery ajax GET

1 个答案: