jquery ajax html
$(document).ready(function(){
$("button").click(function(){
$.ajax({
url: "query.php",
type: "POST",
dataType: "HTML",
timeout: 3000,
beforeSend: function(){
$("#result").html("<img scr='img1.jpg' /> Loading...");
},
success: function(answer){
$("#result").text(answer);
},
error: function(XMLHttpRequest, textStatus, ErrorThrown){
$("#result").text(textStatus);
}
});
});
});
выводит скриптик query.php: echo "<table border='1px' bordercolor='#3366FF' class = 'table'> <tr> <th>-</th><th>Имя</th><th>Редактировать</th> </tr>"; Сам вывод: <table border='1px' bordercolor='#3366FF' class = 'table'> <tr> <th>-</th><th>Имя</th><th>Редактировать</th> </tr> А хотелось бы чтоб выводило саму табличку а не теги, обычном аяксе это все работало а с jquery чето не хочет в чем ошибка? |
Все разобрался надо было в ответе написать
success: function(answer){ $("#result").html(answer); |
Возникла такая дилемма загружаю c помощью jquery php вывод таблички работает загружается, дальше пытаюсь сделать неоднократно описанную в разных примерах зебру хоть убейся не работает. Вроде пару строчек а не как.
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../../../js/jquery-ui-1.7.2.custom/js/jquery-1.3.2.min.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8">
<title>title </title>
</head>
<body id="index">
<div id="result">
ход запроса
</div>
<button> отправить </button>
<script type="text/javascript">
// по окончанию загрузки страницы
$(document).ready(function(){
$("button").click(function(){
$.ajax({
url: "query.php",
type: "POST",
dataType: "HTML",
beforeSend: function(){
$("#result").html("<img scr='img1.jpg' /> Loading...");
},
success: function(answer){
$("#result").html(answer);
},
});
});
});
//то что не работает
$(document).ready(function() {
zebraRows('tbody tr:odd td', 'odd');
});
//используется для того, чтобы задать чередование стилей строк
function zebraRows(selector, className)
{
$(selector).removeClass(className).addClass(className);
}
</script>
</body>
</html>
query.php
<?php
require_once('mysql.php');
$result = mysql_query("SELECT * FROM client ORDER BY name");
echo
"<div id='pagewrap'>
<div id='body'>
<table border='1px' cellpadding='1' cellspacing='1' id='resultTable'>
<thead>
<tr> <th >-</th><th>Имя</th><th>Редактировать</th> </tr>
</thead>
<tbody>";
$cr = "\n";
$ctr = 0;
while($row = mysql_fetch_array($result))
{
$ctr++;
echo '<tr id="row'.$ctr.'" >'.$cr;
echo '<td><input type="checkbox" id="cb'.$ctr.'" \> <input type="hidden" id="rowid'.$ctr.'" value="'.$row['id'].'" \> </td>'.$cr;
echo '<td>' . $row['id'] . '. '. htmlspecialchars($row['name']) . '</td>'.$cr;
echo '<td><input type="button" onClick="editRow('.$row['id'].')" value="Редактировать"></td>'. $cr;
echo '</tr>'.$cr;
}
echo
"</tbody>
</table>
</div>
</div>";
//mysql_close($con);
?>
сутки бьюсь все никак не пойму в чем проблема просто если к php выводу применить то работает а если к аяксовуму выводу то ниче не работает а почуму ума не приложу. |
| Часовой пояс GMT +3, время: 00:30. |