Ajax не загружается при первом нажатии

Question

Вот моя проблема.

У меня есть ссылка, которая запускает функцию ajax для загрузки содержимого в div. Работает нормально в Chrome и FireFox. Однако в IE есть проблема. Это смешно. Если я нажму на ссылку в первый раз с момента загрузки страницы, она не будет работать, как ожидалось. Он будет загружаться при втором щелчке или, если я наведу курсор мыши на область, которая должна быть обновлена. И только IE так реагирует.

My Javascript function to query data 

function req_frame(box,user,action,product) {
var xhr = getXMLHttpRequest();
    xhr.onreadystatechange = function() {

         if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
    parent.frames[user].document.getElementById(box).innerHTML=xhr.responseText;
        }

    };

    var sVar1 = product;
    var sVar3 = encodeURIComponent(user);
    var sVar2 = encodeURIComponent(action);


    xhr.open("GET", "ajax_http.php?variable1=" + sVar3 + "&variable2=" + sVar2 + "&variable3=" + sVar1, true);
    xhr.send(null);

}

Я знаю, что этот код работает, хорошо, что это так! даже если вар смешался

И я вызываю эту функцию, используя запуск событий с помощью Jquery, как этот

$("#ajphoto").live('click', function(){ req_frame("framebox","contpic","ajphoto","product"); })     

Кто-нибудь хочет помочь? Спасибо

Answer 1

попробуйте это:

function req_frame(box,user,action,product) {
  var result = $(parent.frames[user].document.getElementById(box));
  result.load("ajax_http.php", 
    {variable1:user, variable2:action, variable3:product});
}