相关疑难解决方法(0)

jQuery .load方法导致页面刷新AJAX

我有一个功能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)

html ajax jquery

3
推荐指数
1
解决办法
4664
查看次数

Ajax jquery在IE6上不起作用

我正在使用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)

javascript ajax jquery internet-explorer-6

0
推荐指数
1
解决办法
1307
查看次数

标签 统计

ajax ×2

jquery ×2

html ×1

internet-explorer-6 ×1

javascript ×1