1

我需要能够将变量从链接传递到 jquery，然后将结果加载到 div 中。我正在做的是下面，但它不适合我。我觉得我很接近，但并不完全在那里。

我已经搜索并发现了许多类似的问题，但没有一个是我正在寻找的。我下面是这些搜索的结果，它不起作用，所以我做错了。

有什么帮助吗？

jQuery：

<script type="text/javascript">
$(document).ready(function() { 

$.ajaxSetup ({
cache: false
});

$(function() {
    $('.dellink').click( function() {
        $.get( $(this).attr('href'), function() {
            // $('#eventlist').fadeIn('slow');
            $('#eventlist').load('/events/admin/eventlist.cfm');
     });
        return false; // don't follow the link!
    });
});

});
</script>

HTML：

<div>Item in a list of items I wish to delete...<a href="delevent.cfm?eventid=31" class="dellink"><img src="assets/images/delete.png" alt=""></a></div>
4

2 回答 2

2

我会尝试这样的事情：

$(document).ready(function() {
  $('.dellink').on('click', function(e) {
    e.preventDefault();
    var url = $(this).attr('href');
    $.get(url, function(data) {
      $('#eventlist').load('/events/admin/eventlist.cfm');
    });
  });
}
于 2013-08-30T01:51:55.100 回答
1

如果我确实理解正确，那么在您发出获取请求之前，您需要更改#eventid# 以获得一些真实的 ID 以传递给服务器端代码。

var url = $(this).attr('href').replace('#eventid#',someRealId);
$.get( url, function() {
    // $('#eventlist').fadeIn('slow');
    $('#eventlist').load('/events/admin/eventlist.cfm');
});

另一件事：您是否希望从第一个请求中收到一些数据？如果是这样，您需要在成功函数上显式放置一个参数。下面的代码是来自http://api.jquery.com/jQuery.get/的示例 

$.get('ajax/test.html', function(data) {
  $('.result').html(data);
  alert('Load was performed.');
});

我建议只发出一个删除请求并接收更新的事件列表，因为正如您在下面的代码中看到的那样，.load()这是上面示例的简单快捷方式.get()。

$('.result').load('ajax/test.html', function() {
  alert('Load was performed.');
});

希望这可以帮助。

于 2013-08-30T01:41:33.263 回答