نمایش اطلاعات دیتابیس با java script

[baran.f.a]

سلام
روز بخیر
من فرمی دارم که می خوام در اون به محض وارد کردن شماره سریال تمام اطلاعاتی که از اون شماره سریال در دیتابیسم موجوده را در یک جدول html نشون بده با هر بار وارد کردن شماره سریال های مختلف به این جدول HTML هم اضافه بشه خوب می دونم که بایدا از جاوا و jquery استفاده کنم و تونستم اون شماره سریالو در اون جدول html چاپ کنم مشکلم نمایش اطلاعات از دیتابیسه و اینم بگم قبل از این که اطلاعاتو نمایش بدم یه insert هم دارم که اونو در صفحهی دیگه ای انجام می دم (waybill_js.php)لطفا راهنماییم کنید خیلی ضروریه . ممنون


<label>شماره سریال :</label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="name" id="name" style="width:130px;"/>
</br></br>

<span style="color:#006633"></span>
<table id="r" cellpadding="0" cellspacing="0" width="84%" >
<thead>
<tr>
<th>شماره سریال</th>
<th>شماره ترمینال</th>
<th>کد پذیرنده</th>
<th>نام فروشگاه</th>
<th>نام تکنسین</th>
<th>تاریخ خروج </th>
</tr>
</thead>
<tbody>
</tbody>
</table>

<script type="text/javascript">

var giCount = 1;
var date="<?php echo $out; ?>";
var waybill_id = "<?php echo $num; ?>";

$(document).ready(function(){
$('#name').change(function(){
$.ajax({
type: 'POST',
url: 'waybill_js.php',
data: {

serial_code : $('#name').val(),
technician : $('#technician').val(),
waybill : waybill_id

},
success: function(data){
$('span').html(data);
},
error: function(){
alert('error');
}
});
});
});

$('#r').dataTable();
function fnClickAddRow() {
$('#r').dataTable().fnAddData( [
$("#name").val(),
giCount,
giCount,
giCount,
giCount,
date ] );
$("#name").val('').focus();
giCount++;
}

$('#name').on('keyup', function(e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 13) {
fnClickAddRow();
}
});

</script>

[baran.f.a]

کسی نیست راهنمایی کنه ؟؟؟؟؟؟

[boomba]

سوالتون گنگه راستش و من چیزی نفهمیدم




شما نوشتید : تونستم اون شماره سریالو در اون جدول html چاپ کنم مشکلم نمایش اطلاعات از دیتابیسه

خیلی گنگ توضیح دادید که چی میخواید در نهایت

[boomba]

اگر درست متوجه شده باشم شما میخواید اطلاعاتی رو از دیتابیس بخونید بصورت آژاکس و نمایش بدید درون یک فرم وقتی کاربر رویداد کی آپ یا همان در حال نوئشتن است نتایج رو ببینه و بخونه درسته ؟

[baran.f.a]

اگر درست متوجه شده باشم شما میخواید اطلاعاتی رو از دیتابیس بخونید بصورت آژاکس و نمایش بدید درون یک فرم وقتی کاربر رویداد کی آپ یا همان در حال نوئشتن است نتایج رو ببینه و بخونه درسته ؟


آره دقیقا شماره سریال اون چیزیه که کاربر وارد می کنه ولی من می خوام علاوه بر شماره سریال اطلاعات مربوط به اون شماره سریال از دیتابیس نمایش داده بشه . و می خوام نتایج در یک جدول چاپ بشه . هر بار که شماره سریال جدیدی وارد می شه با یک رویداد اطلاعات مربوطه از دیتابیس به جدول html اضافه بشه . هدفم در نهایت اینه که بخوام از این جدول یک pdf بسازم و چاپ کنم در واقع یک گزارش دارم از لیست شماره سریال ها و اطلاعات مربوطه

[boomba]

اول همچین تابعی درست کنید با توجه به اطلاعات خودتون سفارشی کنیدش

function func_search_serial($serial_search){ global $options, $d; $serial_search = get_param($_GET, 'part', null, 1); $searching=$d->query("SELECT * FROM `serial` WHERE `serial_text` like '%$serial_search%' order by serial_id LIMIT 5"); if( $d->numRows($searching) >= 1) { while($row=$d->fetch($searching)){ $id=$row['serial_id']; $text=$row['serial_text']; $use=$row['serial_use']; $output= '</br>'; $output.='" style="width:50px; height:50px; float:left; margin-right:6px;" /> <span class="name">'; $output.= $id; $output.= '</span>&nbsp;<br/>'; $output.=$text; $output.='<br/> </div>'; echo $output; } }else{ echo'<font color="#006600">سریالی یافت نشد</font></span>'; } exit; }



بعد یک فرم جستجو بذارید
توی کد جایی که باید اطلاعات رو بفرسته رو زدم


<script type="text/javascript">
$(function(){
$(".sb").keyup(function()
{
var searchid = $(this).val();
var dataString = 'part='+ searchid; // get kardan jostejoo
if(searchid!='')
{
$.ajax({
type: "get",
url: "?act=account&work=3&work=checkmember&", //masire tabe shoma dar url
data: dataString,
cache: false,
success: function(html)
{
$("#resultsearch").html(html).show();
}
});
}return false;
});

jQuery("#sb").live("click",function(e){
var $clicked = $(e.target);
var $name = $clicked.find('.name').html();
var decoded = $("<div/>").html($name).text();
$('#searchid').val(decoded);
});
jQuery(document).live("click", function(e) {
var $clicked = $(e.target);
if (! $clicked.hasClass("sb")){
jQuery("#resultsearch").fadeOut();
}
});
$('#searchid').click(function(){
jQuery("#resultsearch").fadeIn();
});
});
</script>


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


<form method="get" id="searchform" action="#" ><input type="text" class="sb" name="s" id="searchid" placeholder="جستجوی سریال ..." /><div id="resultsearch"></div>
</form> <style>#searchid { width:500px; border:solid 1px #000; padding:10px; font-size:14px; } #resultsearch { position:absolute; width:205px; padding:10px; display:none; margin-top:30px; border-top:0px; overflow:hidden; border:0px #CCC solid; background-color: white; z-index:1; } .show { padding:0px; border-bottom:0px #999 solid; font-size:15px; height:50px; } .show:hover { background:#0e71b8; color:#FFF; cursor:pointer; }</style>

اینارو باید سفارشی کنید چون من ساختار سیستم و بانک اطلاعاتی شما رو نمیدونم اما روال سیستم همینه
موفق باشید

[boomba]

ضمن اینکه این برای سرچ کاربر سیستم خودم بود که براتون گذاشتم
اگر مشکلی بود در خدمتم