جایگزاری اطلاعات امده با اجکس

[matrixhassan]

با سلام

session_start();

if (isset($_SESSION["cart"]))

{

    $count = 0 ;

    foreach ($_SESSION["cart"] as $cart)

    {

        $count += (int)($cart["num"] * $cart["price"])

    ?>

        <ul class="test">

        

          <li><div id="add_ajax_cart">+</div><div id="sub_ajax_cart">-</div></li>

          <li><?php print($cart["id"]) ?></li>

          <li id="num_cart"><?php print($cart["num"]) ?></li>

          <li><?php print($cart["price"]) ?></li>

          <li id="total_price"><?php print($cart["num"] * $cart["price"]) ?></li>

        

        </ul>

    <?php

    } // End foreach

    echo "Total Price = ".$count;

}

این کد نمایش کارت خریدمه همونطور که ملاحظه میکنید یه قسمت + - برای هر کالا وجود داره من میخوام بعد از نمایش این کارت وقتی کاربر روی هر کدوم از + - که صفحه دیگه رفراش نشه و به وسیله اجکس تعداد و قیمت در جای خودش قرار بگیره .

مشکل : با فرض اینکه 5 یا 6 یا بیشتر کالا در کارت خرید باشه برای انتخاب id برای هر + - چه باید کرد یا میتوانیم برای همه یک نام انتخاب کنیم؟ یا جدا و دراین حالت کد جکوئری برای هر ردیف کالا که هم تعداد و هم قیمت کل را تغییر بده چی هست .

با تشکر

[matrixhassan]

بزارین سوالو جور دیگه بپرسم

فرض کنید یه حالتی بصورت زیر داریم

<ul class="test">

        

          <li><div id="add_ajax_cart">+</div><div id="sub_ajax_cart">-</div></li>

          <li>1</li>

          <li id="num_cart">2</li>

          <li>345</li>

          <li id="total_price">654</li>

        

</ul>



<ul class="test">

        

          <li><div id="add_ajax_cart">+</div><div id="sub_ajax_cart">-</div></li>

          <li>2</li>

          <li id="num_cart">3</li>

          <li>345</li>

          <li id="total_price">900</li>

        

</ul>



<ul class="test">

        

          <li><div id="add_ajax_cart">+</div><div id="sub_ajax_cart">-</div></li>

          <li>3</li>

          <li id="num_cart">2</li>

          <li>345</li>

          <li id="total_price">654</li>

        

</ul>



<ul class="test">

        

          <li><div id="add_ajax_cart">+</div><div id="sub_ajax_cart">-</div></li>

          <li>4</li>

          <li id="num_cart">1</li>

          <li>345</li>

          <li id="total_price">654</li>

        

</ul>

با فرض مثال بالا من میخوام هر وقت + - موجود درهر ul کلیک شد num_cart , total_price همون ul تغییر کنه این به چه صورت باید کد نویسی بشه .

با تشکر

[Variable]

شما باید. والد عنصر + رو بدست بیاری که میشه li بعد همزاد این li رو که id مشخصی داره رو بدست بیاری. و بعد مقدارشو تغییر بدی .

[matrixhassan]

با تشکر ولی مشکل تو کدشه که چطوری باید نوشت ، من زیاد جکوئری بلد نیستم کد بزارین ممنون میشم.

و چطور تشخیص داده میشه که کدوم + یا - کلیک شده ؟ با کد لطفا

[jalil_gh]

یه نکته ای که باید بهش توجه کنید اینه که id باید تو کل صفحه منحصر به فرد باشه شما میتونید بجاش از class استفاده کنید مثلا

<ul class="test">

	<li><div class="add_ajax_cart">+</div><div class="sub_ajax_cart">-</div></li>

	<li class='cart_id'>4</li>

	<li class="num_cart">1</li>

	<li class="price">345</li>

	<li class="total_price">654</li>

</ul>

و برای اینکه بفهمید رو کدوم علامت کلیک شده میتونید از این روش استفاده کنید.

$(function () {



	$('.test').click(function (e) {

		var updateServer = false;

		

		if ($(e.target).is('.add_ajax_cart')) {

			// add clicked

			

			updateSever = true;

		} else if ($(e.target).is('.sub_ajax_cart')) {

			// sub clicked

						

			updateServer = true;

		}

					

		// if data changed then send data to server

		// for verification and registeration and ..

		if (updateServer) {

			$.ajax({

				type:'',

				dataType:'',

				url: '',

				data: {},

				success: function () {

					//update your view

				}

			});

		}

	});



});