Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jquery ajax html (https://javascript.ru/forum/jquery/6201-jquery-ajax-html.html)

alexandre 18.11.2009 04:54

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 чето не хочет в чем ошибка?

alexandre 18.11.2009 05:03

Все разобрался надо было в ответе написать

success: function(answer){
$("#result").html(answer);

alexandre 18.11.2009 22:08

Возникла такая дилемма загружаю 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, время: 12:44.