Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将变量传递给jquery,然后将结果加载到div中?_Jquery - Fatal编程技术网

如何将变量传递给jquery,然后将结果加载到div中?

如何将变量传递给jquery,然后将结果加载到div中?,jquery,Jquery,我需要能够将一个变量从链接传递到jquery,然后将结果加载到div中。我觉得我离这里很近,但不太近 我搜索并发现了许多类似的问题,但没有一个是我想要的。下面我看到的是这些搜索的结果,它不起作用,所以我做错了什么 有什么帮助吗 jquery: <script type="text/javascript"> $(document).ready(function() { $.ajaxSetup ({ cache: false }); $(function() { $('.d

我需要能够将一个变量从链接传递到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>

$(文档).ready(函数(){
$.ajaxSetup({
缓存:false
});
$(函数(){
$('.dellink')。单击(函数(){
$.get($(this.attr('href'),function(){
//$(“#事件列表”).fadeIn('slow');
$('#eventlist').load('/events/admin/eventlist.cfm');
});
return false;//不要跟随链接!
});
});
});
HTML:

我要删除的项目列表中的项目。。。

如果我理解正确,在发出get请求之前,您需要更改#eventid#以便将一些真实id传递给服务器端代码

var url = $(this).attr('href').replace('#eventid#',someRealId);
$.get( url, function() {
    // $('#eventlist').fadeIn('slow');
    $('#eventlist').load('/events/admin/eventlist.cfm');
});
另一件事:您希望从第一个请求中接收一些数据吗?如果是这样,您需要在success函数上显式地添加一个参数。下面的代码是来自

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

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

希望这能有所帮助。

我会尝试以下方法:

$(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');
    });
  });
}

什么不起作用?控制台中是否有错误?另外,您不需要同时使用
$(document).ready(function(){
$(function(){
),因为这两个函数的作用相同(并且使用这两个函数实际上可能会导致问题)您的解决方案在操作文件中执行delete函数,但同时刷新页面以显示该项已从列表中删除。我尝试使用load()来避免这种情况。我不希望重新加载页面,只希望重新加载#eventlist的内容。我想页面不会因为load()或get()而重新加载,但由于链接的行为。Vlad使用e.preventDefault提供了一个解决方案。尝试混合答案,可能会奏效。我根本无法让它起作用。即使我添加了缺少的答案);控制台中有错误吗?我无法测试该代码,但应该非常接近。通常情况下,我不会使用href删除记录。我会在每个记录中添加一个属性,如data id='2',然后只传递该id。你得到了多远?记录被删除了吗?这确实有效。由于我做的其他事情,它还有其他问题我在页面上所做的工作,但正如所提供的,对于它的预期目的来说非常有效。
$('.result').load('ajax/test.html', function() {
  alert('Load was performed.');
});
$(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');
    });
  });
}