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

【问题标题】：reusable JQuery ajax GET by passing a variable通过传递变量可重用 JQuery ajax GET
【发布时间】：2014-03-31 23:06:04
【问题描述】：

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

1) 什么是执行 AJAX GET 的最可重用的方法，而不是到处编码。

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

【问题讨论】：

你目前有什么代码作为例子？以及您希望如何处理返回的片段？

标签： jquery get reusability

【解决方案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(); 或其他东西以应用于该角色的所有按钮

（未测试，但应该可以）

【讨论】：