Question

我在IE中遇到了JQuery的问题。该代码在Firefox中完美运行。我有一个小表单，通过ajax向db添加两个细节。这是我的代码

$("#add").click(function(){
            $("#all_villa tr").remove();                                     
            var villa_name = $("#villa_name").val();
            var villa_desp = $("#villa_desp").val();
            var dataString = "villa_name=" + villa_name + "&villa_desp=" + villa_desp;
            $.ajax({
            type: "GET",
            url: "ajax_snippets/add_villa.php",
            data: dataString,
            success: function(data) { 
                    $("#all_villa tr").remove();
                    $("#msg").html(data);
                    $("#villa_name").val('');
                    $("#villa_desp").val('');
                    $("#all_villa").load("ajax_snippets/all_villa.php");
                }
            });             
            return false;
        });

将详细信息保存到db后，新行将添加到表格中，该表格包含添加的详细信息和两个datepicker字段以及两个要更新和删除的链接。当我使用IE进行测试时，在将详细信息添加到数据库之后，将不会创建行，并且现有的更新和删除链接也无法正常工作。以下是我的更新和删除代码

$("#all_villa .delete").click(function(){
        var k = this.id;
        var i = k.substr(3,4);
        var dataString = "id="+i;
        if(confirm("Do you really want to delete this villa?")){
            $.ajax({
            type: "GET",
            url: "ajax_snippets/delete_villa.php",
            data: dataString,
            success: function(data) { 
                    $("#villa"+i).remove();
                    $("#msg").html(data);
                }
            }); 
        }else{}
            return false;
    });

    $("#all_villa .update").click(function(){
        var i = this.id;
        var from = $("#from_date"+i).val();
        var to = $("#to_date"+i).val();
        var available = $("#available"+i).val();
        if(from == ""){
            alert("From Date is Required"); 
            return false;
        }
        if(to == ""){
            alert("To Date is Required");   
            return false;
        }
        if(available == ""){
            alert("Availability is Required");
            return false;
        }
        var dataString = "from="+from+"&to="+to+"&id="+i+"&avlbl="+available;
            $.ajax({
            type: "GET",
            url: "ajax_snippets/update_villa.php",
            data: dataString,
            success: function(data) { 
                    $("#msg").html(data);
                    $("#villa_name").val('');
                    $("#villa_desp").val('');
                    $("#all_villa").load("ajax_snippets/all_villa.php");
                }
            });             
            return false;
    });

有人能告诉我在哪里做错了吗

由于

Answer 1

将cache: false,添加到您的ajax参数

Answer 2

我添加了以下行，它运行正常，希望这会帮助某人

$("#villa_tbl").load("ajaxsnippets/all_villa.php",{noncache: new Date().getTime()},function(){});

IE中的JQuery Memory Cache

2 个答案: