2014-02-08 3 views
1

Возможно ли вернуть все данные и innerhtml определенного div или я должен следовать другому подходу. Как я могу отобразить данные в div.jquery ajax для возврата HTML-элементов

Фрагмент кода ниже Я просто представляемым фиктивное значение как «4» просто чтобы проверить,

account.php

На этой странице я использую поповер для отображения контента обрабатывается с помощью AJAX

<a id="popover" href="#" data-trigger="hover" rel="popover" ><img class="img-thumbnail" src="../xxx/xxx/abc.jpg" width="50"/></a> 
<div id="popajax"> 
</div> 

JQuery

<script type="text/javascript"> 
$(function() 
    { 
     $("#popover").mouseover(function() 
     { 
      var textcontent = '4'; 
      $.ajax({ 
        type:'GET', 
        url: "/getuserdetails.php", 
        data: {myval:textcontent}, 
        cache: true, 
        error: function(){ 
         alert ("ERROR"); 
        }, 
        success: function(html) 
        { 
         $("#popajax").after(html); 
        } 
       }); 
      return false; 

     }); 
    }); 
</script> 

поповер сценарий

<script> 
$(function() { 
$("#popover").popover({ trigger: "hover", 
html: true, 
placement : 'top', 
    content: function() { 
     return $('#popover_content').html(); 
    }, 
    title: function() { 
     return $('#popover_title').html(); 
    } 
}); 
}); 
</script> 

getuserdetails.php

<?php session_start(); 
include('include/functions.php'); /* This is for crud and other functions*/ 

    if(isset($_GET['myval'])) 
    { 
    $sql = sql::readOne("SELECT * FROM table_name WHERE id='$_GET[myval]'"); 
    } 
?> 

<div id="popover_title" class="hide" > 
      <h4><?php echo $sql[0]->username ?></h4> 
      </div> 
      <div id="popover_content" class="hide" > 

      <div> <p> This is Atul Joshi</p></div> 
    </div> 

* Нечто подобное

enter image description here

ответ

3

Если вы хотите поставить свой результат в <div id="popajax"> </div>

Вы можете использовать функцию html() для вставки элемента.

success: function(data){ 
    $("#popajax").html(data); 
} 

Вы можете получить html определенного элемента, используя эту функцию. например

$(element).html() 

Или Если вы хотите получить внутренний текст определенного элемента, то вы можете использовать его.

$(element).text() 
1

Получить HTML-код и отобразить его в виде html-текста. Вы должны использовать .html()

$('SELECTOR').html('<STRONG>html data</STRONG>'); 

Чтобы отобразить его в виде текста, просто .text() достаточно

$('*SELECTOR*').text('your text goes here'); 

Это были для установки значений для выбора.

Чтобы получить HTML или текст с селектором в JQuery

Простой $('SELECTOR').html(); $('SELECTOR').text(); делает работу.

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