آموزش های این وب سایت به صورت رایگان در دسترس است. اطلاعات بیشتر
مشکل عدم دسترسی خریداران پیشین به برخی آموزش ها برطرف شد
بروز خطا
   [message]
اشتراک در سوال
رای ها
[dataList]

آپدیت مقادیر جدول از طریق Ajax PHP

reza1234  1 سال پیش  1 سال پیش
0 0

درود فراوان.

فرض کنید در صفحه ای که طراحی شده یک جدول در قسمت Body قرار دارد. در ابتدا که صفحه لود میشود همه ی اطلاعات از دیتابیس خوانده میشود و در جدول قرار میگیرد. حال فرض کنید میخواهیم با انتخاب گزینه هایی که برای جستجو در این صفحه قرار دارد داده های دلخواه را از دیتابیس فراخوانی کنیم چطور میتوان مقادیر جدولی که وجود دارد را با مقادیر جدید از طریق Ajax PHP آپدیت کرد. سپاسگزارم

 برای این سوال 1 پاسخ وجود دارد.
پاسخ به سوال 
Milad  1 سال پیش
0 0

درود، فرض کنید کلماتی میخایم از دیتابیس بخونیم و هنگام سرچ کردن کلمه با استفاده از ajax کلمات را عوض کنیم در نمایش دادن

فایل feed.php

$records = array(
  'word' => 'hello',
  'meaning' => 'سلام'
); // رکود های خوانده شده از دیتابیس

$out = array();
$out['html'] = "";
$out['raw'] = array();

foreach($records as $record) {
  $out['html'] .= '<strong>'. $record['word'] .'</strong><br><span>'. $record['meaning'] .'</span><hr>';
  $out['raw'][] = $record;
}

echo json_encode($out);

فایل index.php برای نمایش اطلاعات

<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/style.css">
 

  <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
  <title>Ajax Test</title>
</head>

<body>

<div id="header-wrapper">

</div>

<div>
  <div id="content" class="ltr">
    <ul class="cols">
      <li class="w50"> 
        <input style="width: 300px;" id="search" title="search" placeholder="Type Keywords Here" value=""
                       autocomplete="off">
      </li>
 <li class="w50 h100">
 <div id="preview" class="tooltip" title="This is my image's tooltip message!"></div>
 </li>
 </ul>
 </div>
</div>
</body>
</html>

<script>
 $(function () {


 $('#search').on('keyup', function () {
 var value = $(this).val();
 $.ajax(
 'feed.php',
 {
 type: 'post',
 dataType: 'json',
 data: {
 keyword: value
 },
 success: function (data) {
 /*$("#preview").html(data.html);*/

 var html = '';
 var records = data.raw;

 for(var i in records) {
 var record = records[i];
 var meaning = record.meaning || 'no meaning';

 var word = record.word.replaceAll(" ", "%20");

 var url = "https://translate.google.com/?sl=en&tl=fa&text=" + word +"%0A&op=translate";
 html += '<strong><a target="_blank" href="' + url + '">' + record.word + '</a></strong><br><span>' + meaning + '</span><br><br><hr>';
 }

 var previewHtml = '<div class="preview-word ltr">' + html + '</div>';
 

 $("#preview").html(previewHtml);
 }
 }
 );
 });
 });

</script>
+1 0
کاربران عزیز این یک نظر تست است لطفا پاسخ دهی نکنید (1 سال پیش)
+1 0
سپاس از شما. از وقتی که برای پاسخ به این سوال صرف کردید. (1 سال پیش)
0 0
دوست عزیز موفق باشید (1 سال پیش)
پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .