- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
(1)Сначала:
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='./Plugins/jQuery/jquery.min.js'></script>
<script>
function rezlt(a,b,c) {
$.ajax({
url: "test.php",
type: 'POST',
data: 'a='+a+'&b='+b+'&c='+c+'',
cache: false,
success: function(html){
$(".content").html(html) ;
}
});
}
</script>
</head>
<body>
//тут уже результат работы, строк свыше 1000
<span class="content" onclick="rezlt(1,2,3)" >answer1</span><br/>
<span class="content" onclick="rezlt(4,5,6)" >answer2</span><br/>
<span class="content" onclick="rezlt(7,8,9)" >answer3</span><br/>
</body>
</html>
(2)Решение:
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='./Plugins/jQuery/jquery.min.js'></script>
<script>
function rezlt(a,b,c,nid) {
$.ajax({
url: "test.php",
type: 'POST',
data: 'a='+a+'&b='+b+'&c='+c+'',
cache: false,
success: function(html){
$(nid).html(html) ;
}
});
}
</script>
</head>
<body>
//тут уже результат работы, строк свыше 1000
<span id="content" onclick="rezlt(1,2,3,seq1)" ><div id="seq1">answer1</div></span><br/>
<span id="content" onclick="rezlt(4,5,6,seq2)" ><div id="seq2">answer2</div></span><br/>
<span id="content" onclick="rezlt(7,8,9,seq3)" ><div id="seq3">answer3</div></span><br/>
</body>
</html>
Уже второй день бъюсь над проблемой.
Задача: Перегружать всю страницу не надо. По клику по объекту content отправляются данные на test.php
и некий результат присваивается объекту content, на который был совершен клик. Сначала было вот так - (1) но тут, присвоение производится сразу всем объектам content
Чую, что решение(2) говно, учитывая что объектов content будет свыше 1000.
Follow us!