我有一个功能JSP页面,它接受URL参数并使用基于这些参数的信息更新页面上的表.
我有一组不同的选项卡,它们将所述URL paraneters传递给它们所在的页面,然后重新加载并显示这些新数据.
我一直在尝试使用jQuery .load和.ajax方法,这样我就可以将这些URL参数传递给服务器上的页面,然后只通过AJAX提供表,而不是整页刷新.
我遇到的问题是,有时页面会刷新,我无法理解为什么会发生这种情况.
这是jQuery:
$('ul#coverTabs > li').live('click', function() {
// Removes default class applied in HTML and onClick adds 'currentTab' class
$(".currentTab").removeClass("currentTab");
$(this).addClass("currentTab");
// Find href of current tab
var $tabValue = $('ul#coverTabs > li.currentTab > a').attr('href');
// Load new table based on href URL variables
$('#benefit').load($tabValue + ' #' + 'benefit');
/*$.ajax({
cache: false,
dataType: "html",
url: $tabValue,
success: function(data) {
//var $tableWrap = $('#benefit');
//$('.benefitWrap').append($('.benefitWrap'));
//alert($tableWrap);
},
});*/
return false;
});
Run Code Online (Sandbox Code Playgroud)
以下是标签的HTML:
<ul id="coverTabs">
<li …Run Code Online (Sandbox Code Playgroud) 我正在使用ajax jquery.使用除IE6之外的所有浏览器,请遵循代码.我试图改变一些东西,但它不起作用.
请帮我解决这个问题!谢谢
$(document).ready(function(){
$("#form_get").submit(function(){
var hasError = false,
inputURL = $("#input_link").val();
$('#form_get input').attr('disabled', true);
$("#result_file h3").html('Loading ...');
$("#result_text").html('<div style="text-align:center;"><img src="./images/lightbox-ico-loading.gif" /></div>');
$("#result_file").slideDown('slow');
var request = $.ajax({
url: "get.php",
type: "POST",
data: {input_link : inputURL},
dataType: "html",
cache: false,
timeout: 10000,
});
request.done(function(msg) {
var aResult = JSON.parse(msg);
$('#result_file h3').html(aResult.status);
$("#result_text").fadeTo('slow',0,function(){
$('#result_text').html(aResult.text);
$("#result_text").fadeTo('slow',1);
});
});
request.fail(function(jqXHR, textStatus) {
alert('Ajax Error');
$('#result_file h3').html('Error');
$("#result_text").html("Ajax doesn't work");
});
$('#form_get input').attr('disabled', false);
return false;
});
});
Run Code Online (Sandbox Code Playgroud)