به روز رسانی محتوای یک div با ای جکس

[alikhani1015]

سلام
اسکلت بندی سایت من با استفاده از div هستش اما چیزی از جاوااسکریپت نمیدونم قصد دارم محتوای div وسط که مختص مطالب هست به صورت ای جکس با انتخاب منوهای بالای صفحه لود کنم

[amiretemad]

سلام

کمی کارش زیاد هست یک راهنمایی کلی میکنم :

1 - با هر بار کلیک روی لینک ها باید کل دیو هایی که لازم هست مطلبش آپدیت شه رو حذف کنید
2- درخواست به سمت سرور با AJAX بفرستید
3- اطلاعاتی که لازم هست رو از سمت سرور به به AJAX برگردونین با JSON
4 - دیو ها رو دوباره تشکیل بدید و مقادیر رو توش قرار بدین

تو مابین مرحله 3 و 4 میتونید یک لودینگ هم کار بگیرید اگه کمک دیگه هم لازم هست بگین

[alikhani1015]

اگر امکانش باشه با یه مثال همراه با کد نویسی توضیح بدین ممنون میشم

[amiretemad]

ابتدا قسمت اجاکس با جی کوئری


$.ajax({
cache : false ,
dataType: "json" ,
type : "GET" ,
data : {value : search_value} ,
url : "search.php" ,
success: function(data){
تشکیل دیو ها
}


خوب حالا میریم صفحه search.php مقداری که از صفحه آجاکس میفرستیم اسمش value هست و باید با $_GET دریافت بشه چون متد ارسالی GET هستش




<?php
include("../lib/db_.php");
$sql = new Sql;
$value = mysql_real_escape_string((isset($_GET['value']))?$_GET['value']:NULL);
$query = mysql_query("select * from transactions where transactions_tid like '%".$value."%' or transactions_phone_number like '%".$value."%' ");
$rows = mysql_num_rows($query);
$result = array();
$i = 0;
if( $rows >= 1 ){
while($data = mysql_fetch_array($query)){
$i++;
$result[$i]['transactions_id'] = $data['transactions_id'];
$result[$i]['transactions_phone_number'] = $data['transactions_phone_number'];
$result[$i]['transactions_amount'] = $data['transactions_amount'];
$result[$i]['transactions_operator'] = $data['transactions_operator'];
$result[$i]['transactions_date'] = $data['transactions_date'];
$result[$i]['transactions_tid'] = $data['transactions_tid'];
$result[$i]['transactions_payment_status'] = $data['transactions_payment_status'];
$result[$i]['transactions_charge_status'] = $data['transactions_charge_status'];
}
$message = array('type'=>'success','result'=>$result);
}else{
$message = array('type'=>'error','result'=>$result);
}
echo json_encode($message);
?>



خب توی کد بالا من اطلاعات رو از دیتابیس خوندم و یک آرایه تشکیل میدم و آخر سر اون رو Json_encode میکنم ! به همین راحتی اطلاعات برمیگرده سمت آجاکس و صفحه شما و فقط کافی هست داخل تکه کد بالا Success یک each با جی کوئری بنویسید و اطلاعات رو که به جیسون تبدیل شده رو استفاده کنید