использование ajax на странице, загруженной ajax

Question

У меня есть страница, загруженная через вкладки jquery ajax, у меня есть форма на этой странице, я хочу показать ответ формы через ajax. ответ загружается из этого кода:

$('#whois').submit(function() { 
    $.ajax({
        data: $('#whois').serialize(), 
        cache:false,
        type: "POST", 
        url: $('#whois').attr('/lib/domainchecker.php'), 
        success: function(response) { 
            $('#reply').html(response); 
        }
    });
    return false;
);

но моя форма отправляется на родительскую страницу вместо /lib/domainchecker.php. так что я вижу заголовки моей страницы вместо ответа!

Есть идеи, что делает это?

Answer 1

Когда вы загружаете контент на страницу через AJAX и вам нужно применять события к загруженному контенту, вам нужно использовать jquery live () .

  $('#whois').live('submit', function() { 
$.ajax({
    data: $('#whois').serialize(), 
    cache:false,
    type: "POST", 
    url: $('#whois').attr('/lib/domainchecker.php'), 
    success: function(response) { 
        $('#reply').html(response); 
    }
});

Это изКурс идет на главной странице хоста, а не на странице загруженного контента.

Answer 2

проблема решена, ничего не связано с загрузкой страницы через ajax, но произошла ошибка с кодом, я не должен публиковать в $ ('# whois'). Attr ('/ lib / domainchecker.php'), а просто «/lib/domainchecker.php'

исправленный код:

  $('#whois').live('submit', function() { 
$.ajax({
    data: $('#whois').serialize(), 
    cache:false,
    type: "POST", 
    url: '/lib/domainchecker.php', 
    success: function(response) { 
        $('#reply').html(response); 
    }
});