Получить содержимое div по идентификатору, включенному в переменную String

У меня есть форма на моей странице JSP. Я использую Ajax для вызова класса действия. И это отлично работает для меня. Результат, который я получаю, представляет собой переменную, содержащую HTML-страницу.Получить содержимое div по идентификатору, включенному в переменную String

Это мой скрипт

$(document).ready(function() { 

     var form = $('#ComponentForm'); 

    form.submit(function() { 
     $('#saveComponent').html('Loading...').fadeIn(); 
    $.ajax({ 
    type: form.attr('method'), 
    url: form.attr('action'), 
    data: form.serialize(), 
    success: function (data) { 
    var ajaxResult=data.html().$("#ajaxContent").html(); 
    alert(ajaxResult); 
    $('#actionResult').html(ajaxResult); 
    } 
    }); 
return false; 
     }); 
    });

данные в скрипте получать полную страницу JSP как следующий

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta http-equiv="Cache-Control" content="no-store"/> 
    <meta http-equiv="Pragma" content="no-cache"/> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="icon" href="/myapp/images/favicon.ico"/> 
    <title>Application Detail | AppFuse</title> 

    <link rel="stylesheet" type="text/css" media="all" href="/myapp/styles/lib/bootstrap-2.2.1.min.css" /> 
    <link rel="stylesheet" type="text/css" media="all" href="/myapp/styles/lib/bootstrap-responsive-2.2.1.min.css" /> 
    <link rel="stylesheet" type="text/css" media="all" href="/myapp/styles/style.css" /> 

    <script type="text/javascript" src="/myapp/scripts/script.js"></script> 
    <script type="text/javascript" src="/myapp/jquery-ui-1.10.0/tests/jquery-1.9.0.js"></script> 
    <script type="text/javascript" src="/myapp/jquery-ui-1.10.0/ui/jquery-ui.js"></script> 

<body> 
    <div class="navbar navbar-fixed-top"> 
     <div class="navbar-inner"> 
      <div class="container-fluid hometab-header" style="height: 40px;"> 
       <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="brand liborder" href="/myapp/">AppFuse</a> 
     <div class="nav-collapse collapse homepagetabs"> 
     <ul class="nav menuhover"> 
      <li class="liborder active"><a href="/myapp/login">Login</a></li> 
      <li class="liborder" id="dashboard"><a href="#">Dashboard</a></li> 
      <li class="liborder"><a href="#">Reports</a></li> 
      <li class="liborder" id="enterprise"><a href="#">Enterprise</a></li> 
     </ul> 
    </div> 

    <div id="ajaxContent" class="container-fluid includestyle"> 
    <table id="ComponentList" class="table table-condensed table-hover"> 
<thead> 
<tr> 
<th class="sortable"> 
<a href="?d-6712549-s=0&amp;d-6712549-o=2&amp;appKey=6">Component Key</a></th> 
<th class="sortable"> 
<a href="?d-6712549-s=1&amp;d-6712549-o=2&amp;appKey=6">Alternate Id</a></th> 
<th class="sortable"> 
<a href="?d-6712549-s=2&amp;d-6712549-o=2&amp;appKey=6">Client Key</a></th> 
<th class="sortable"> 
<a href="?d-6712549-s=3&amp;d-6712549-o=2&amp;appKey=6">Component Desc</a></th> 
<th class="sortable"> 
<a href="?d-6712549-s=13&amp;d-6712549-o=2&amp;appKey=6">Technology Owner Key</a></th></tr></thead> 
<tbody><tr class="empty"><td colspan="14">Nothing found to display.</td></tr></tbody></table> 

</div> 
</body> 
</html>

Так переменная данных содержит выше строки. Из этого как я могу получить Div с id="ajaxContent"? Сценарий, который я пробовал, не работает.

источник

2013-06-21 Shiju K Babu

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

var ajaxResult= $('<div/>').html(data), //by convention, should be $ajaxResult instead 
    $ajaxContent = ajaxResult.find('#ajaxContent'); 
//$ajaxContent.html() ...

источник

2013-06-21 09:30:38

Просто используйте

$('#actionResult').html(data);

источник

2013-06-21 09:28:24

Попробуйте это .........

var myHtml = $(ajaxResult).find('#actionResult').html(); 
//alert(myHtml); -- optional, just to verify

источник

2013-06-21 09:33:49

Является ли это работает?

success: function (data) { 
    var wantedDatas = $(datas).find('div#ajaxContent').first().html(); 
}

источник

2013-06-21 09:46:22

Получить содержимое div по идентификатору, включенному в переменную String

ответ

Смежные вопросы