Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Не могу передать id товара скрипту .
 
 автор: alex1111   (02.02.2012 в 18:51)   письмо автору
 
 

На странице php имею 3 товара с подробным описанием, у каждого товара своя кнопка, при нажатии этой кнопки срабатывает функция "show()".
<div>
<input type="button" class="buttonL" name="" id="0001" value="В корзину" onclick="show()">
</div>
<div>
<input type="button" class="buttonL" name="" id="0002" value="В корзину" onclick="show()">
</div>
<div>
<input type="button" class="buttonL" name="" id="0003" value="В корзину" onclick="show()">
</div>

Обрабатывается.
<script type="text/javascript">
function show(){
        $.ajax({
        url: 'test.php',
        data : "OrderItem=id",
        type : "POST",
        success: function (data) {
        alert (data);
        },
        error: function(){
        alert ("No PHP script: ");
        }
           });
         }
</script>

А на странице обработчика "test.php" переменная "OrderItem" приходит со значением "id" а мне нужно передать "0001" если нажата первая кнопка или "0002" если вторая и.т.д.
Подскажите пожалуйста как передать в скрипт обработчик само значение "id".
За ранее спасибо.

  Ответить  
 
 автор: cheops   (02.02.2012 в 18:58)   письмо автору
 
   для: alex1111   (02.02.2012 в 18:51)
 

Вот эту строку
data : "OrderItem=id",

следует исправить так
data : "OrderItem=" + $(this).attr("id"),

  Ответить  
 
 автор: alex1111   (02.02.2012 в 19:53)   письмо автору
 
   для: cheops   (02.02.2012 в 18:58)
 

Исправил. Не работает. Пишет, что код продукта: "undefined". Может я кнопки не правильно оформил?

  Ответить  
 
 автор: Lelik   (02.02.2012 в 21:11)   письмо автору
 
   для: alex1111   (02.02.2012 в 19:53)
 

для того, чтоб так передавать параметры:
data : "OrderItem=" + $(this).attr("id")


надо, или убрать onclick="show()" из атрибутов интпутов и добавить вызов функции по классу:

$('.buttonL').click(function(){
 $.ajax({
        url: 'test.php',
        data : "OrderItem="+ $(this).attr("id"),
        type : "POST",
        success: function (data) {
        alert (data);
        },
        error: function(){
        alert ("No PHP script: ");
        }
           });
});

или передавать через атрибут функции ссылку на объект:

show(elem){
var el = $(elem);
...

и дальше

data : "OrderItem=" +el.attr("id"),

PS. ИД элемента должен начинаться с буквы или знака подчеркивания, а не с любого другого знака, по типу цифр, как в примере

  Ответить  
 
 автор: alex1111   (02.02.2012 в 22:06)   письмо автору
 
   для: Lelik   (02.02.2012 в 21:11)
 

Все перепробовал, ничего из перечисленного не работает. Вот код всей странице может где-то что-то пропустил.
<?php session_start(); ?>
<?php header
('Content-type: text/html; charset=windows-1251');?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Уход за волосами</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<script type="text/javascript" src="am_js.js"></script>
<link href="cascad.css" rel="stylesheet" type="text/css">

<script type="text/javascript">
$('.buttonL').click(function(){ 
        $.ajax({
        url: 'test.php',
        data : "OrderItem="+ $(this).attr("id"), 
        type : "POST",
        success: function (data) {
        alert (data);
        },
        error: function(){
        alert ("No PHP script: ");
        }
           });
         } 
</script>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="10" align="center" bgcolor="#FAF5F0">
<tr>
<td colspan="2"></td>
</tr>

<tr>
<td>
<h4>Питательный шампунь</h4>
Мягкое средство для ежедневного использования подходит для всех типов волос.
Объем: 250мл<br><br>
Код: 0043
<div>
<input type="button" class="buttonL" id="i0001" value="В корзину">
</div>
<font color="red"> <b> 250.00 RUB</b></font>
</td>
<td height="" width="200">
</td>
</tr>
<tr>
<td>
<h4>Увлажняющий кондиционер</h4>
Быстродействующий кондиционер для ежедневного использования подходит для всех типов волос. 
 Объем: 250мл<br><br>
Код: 0044
<div>
<input type="button" class="buttonL" id="i0002" value="В корзину">
</div>
<font color="red"> <b> 255.00 RUB</b></font>
</td>
<td></td>
</tr>
<tr>
<td>
<h4> Шампунь 2-в-1</h4>
Шампунь для всех типов волос в течение одной простой процедуры одновременно моет и кондиционирует волосы. 
Объем: 250мл<br><br>
Код: 0045
<div>
<input type="button" class="buttonL" id="i0003" value="В корзину">
</div>
<font color="red"> <b> 250.00 RUB</b></font>
</td>
<td></td>
</tr>
</table>
</body>

На страницу "test.php" переменная "OrderItem" приходит пустой. а если прописать значения руками:
data : "OrderItem=i0002", 

то она передается и "test.php" работает с ней нормально. Наверняка есть способ передать ее автоматический.

  Ответить  
 
 автор: Lelik   (02.02.2012 в 22:14)   письмо автору
 
   для: alex1111   (02.02.2012 в 22:06)
 


<script type="text/javascript">
$(document).ready(function(){
$('.buttonL').click(function(){ 
        $.ajax({
        url: 'test.php',
        data : "OrderItem="+ $(this).attr("id"), 
        type : "POST",
        success: function (data) {
        alert (data);
        },
        error: function(){
        alert ("No PHP script: ");
        }
           });
         } 
});
</script> 

  Ответить  
 
 автор: alex1111   (02.02.2012 в 22:28)   письмо автору
 
   для: Lelik   (02.02.2012 в 22:14)
 

Урааааааааааа!!! Заработала!!!
<script type="text/javascript">
$(document).ready(function(){
$('.buttonL').click(function(){ 
        $.ajax({
        url: 'test.php',
        data : "OrderItem="+ $(this).attr("id"), 
        type : "POST",
        success: function (data) {
        alert (data);
        },
        error: function(){
        alert ("No PHP script: ");
        }
           });
         } 
});
</script>  

Помагло. id передаться и без буквы "i". Спасибо большое всем!!!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования