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