Просматривать полные данные в модальном режиме по определенному идентификатору в codeigniter, используя ajax
моя страница просмотра
<!-- BEGIN PAGE -->
<div id = "main-content">
<!-- BEGIN PAGE CONTAINER-->
<div class = "container-fluid">
<!-- BEGIN PAGE HEADER-->
<div class = "row-fluid">
<div class = "span12">
<!-- BEGIN THEME CUSTOMIZER-->
<div id = "theme-change" class = "hidden-phone">
<i class = "icon-cogs"></i>
</div>
<!-- END THEME CUSTOMIZER-->
<!-- BEGIN PAGE TITLE & BREADCRUMB-->
<h3 class = "page-title">
contactus
<small> List </small>
</h3>
<ul class = "breadcrumb">
<li>
<a href = "#"><i class = "icon-home"></i></a><span class = "divider"> </span>
</li>
<li>
<a href = "<?php echo base_url('dashboard');?>">Dashboard</a><span class = "divider"> </span>
</li>
<li>
<a href = "#">contactus</a> <span class = "divider-last"> </span>
</li>
</ul>
<br /><br />
<div id = "msg">
<?php
if ($this->session->tempdata('success'))
{
?>
<div class = "alert alert-success hide_msg pull" style = "width: 95%"> <i class = "fa fa-check-circle"></i> <?php echo $this->session->tempdata('success');?>
<button type = "button" class = "close" data-dismiss = "alert" aria-label = "Close"> <span aria-hidden = "true">×</span> </button>
</div>
<?php
}
if ($this->session->tempdata('error'))
{
?>
<div class = "alert alert-danger hide_msg pull" style = "width: 95%"> <i class = "fa fa-check-circle"></i> <?php echo $this->session->tempdata('error');?>
<button type = "button" class = "close" data-dismiss = "alert" aria-label = "Close"> <span aria-hidden = "true">×</span> </button>
</div>
<?php
}
?>
</div>
<!-- END PAGE TITLE & BREADCRUMB-->
</div>
</div>
<!-- END PAGE HEADER-->
<!-- BEGIN PAGE CONTENT-->
<div id = "page" class = "dashboard">
<div class = "row-fluid">
<div class = "span12">
<!-- BEGIN RECENT ORDERS PORTLET-->
<div class = "widget">
<div class = "widget-title">
<h4><i class = "icon-reorder"></i> Contactus-List </h4>
<a href = "<?php echo base_url('admin/contactus_cont/export_contactus');?>"><button class = "btn btn-success" style = "float:right"><i class = "icon-plus icon-white"></i> EXCEL </button></a>
</div>
<div class = "widget-body">
<!-- BEGIN Table-->
<table class = "table table-striped table-advance table-hover" id = "sample_1">
<thead>
<tr>
<th><i class = "icon_profile"></i> S.No. </th>
<th> <i class = "fa fa-picture-o" aria-hidden = "true"></i> Date & Time </th>
<th><i class = "icon_profile"></i> Name </th>
<th> <i class = "fa fa-picture-o" aria-hidden = "true"></i> Email </th>
<th> <i class = "fa fa-picture-o" aria-hidden = "true"></i> Mobile Number </th>
<th><i class = "icon_mobile"></i> Message</th>
<th><i class = "icon_cogs"></i> Action</th>
</tr>
</thead>
<tbody>
<?php
$i=1;
foreach($contactus as $e)
{
?>
<tr>
<td><?php echo $i++;?></td>
<td><?php echo $e->date_and_time;?></td>
<td><?php echo $e->name;?></td>
<td><?php echo $e->email;?></td>
<td><?php echo $e->mobile_no;?></td>
<td>
<?php
$string = strip_tags($e->message);
$stringCut = substr($string, 0, 15);
echo $stringCut."...";?> <a href = "<?php echo base_url('view-contactus')."/".$e->id;?>">click to read more</a>
</td>
<td><div class = "btn-group">
<!--<button type = "button" class = "btn btn-info btn-lg" data-toggle = "modal" data-target = "#myModal">Open Modal</button> -->
<!-- <a href = "<?php echo base_url('view-contactus')."/".$e->id;?>"><button class = "btn btn-primary"><i class = "icon-eye-open"></i></button></a>
<button class = "btn btn-primary view" onclick = "view_contact(this.value)" id = "user_id" user_id = "<?php echo $e->id;?>"><i class = "icon-eye-open"></i></button>-->
<button class = "btn btn-primary view_data" id = "<?php echo $e->id; ?>" ><i class = "icon-eye-open">VIEW FULL INFO</i></button>
<a onclick = "return confirm('Are you want to delete ')" href = "<?php echo base_url('admin/contactus_cont/delete_contactus')."/".$e->id;?>"> <button class = "btn btn-danger"><i class = "icon-trash icon-white"></i></button></a>
</div></td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</div>
</div>
<!-- END RECENT ORDERS PORTLET-->
</div>
</div>
</div>
<!-- END PAGE CONTENT-->
</div>
<!-- END PAGE CONTAINER-->
</div>
</div>
<!-- END CONTAINER -->
<div id = "dataModal" class = "modal fade">
<div class = "modal-dialog modal-xl">
<div class = "modal-content">
<div class = "modal-header">
<button type = "button" class = "close" data-dismiss = "modal">×</button>
<h4 class = "modal-title">VIEW FULL INFO</h4>
</div>
<div class = "modal-body" id = "your_modal_detail">
</div>
<div class = "modal-footer">
<button type = "button" class = "btn btn-default" data-dismiss = "modal">Close</button>
</div>
</div>
</div>
</div>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.view_data').click(function(){
var id = $(this).attr("id");
//alert(id);
$.ajax({
url : "<?php echo base_url('admin/contactus_cont/get_Full_data') ?>",
method:"POST",
data:{id:id},
success:function(data){
alert(data);
//console.info(data);
$('#your_modal_detail').html(data);
$('#dataModal').modal("show");
}
});
});
});
</script>я хочу просмотреть информацию о каждом контакте с помощью AJAX и JQUERY
в этом я получаю все контактные данные в списке из базы данных. Но проблема в том, чтобы показать данные во всплывающем окне в datail.
например, когда я нажимаю
он должен отображать всплывающее окно со всеми подробностями, используя конкретную опцию закрытия идентификатора
моя функция контроллера: -
public function get_Full_data()
{
$id = $this->input->post("id");
//echo $id; exit;
$data['fullData'] = $this->contactus_model->view($id);
$this->load->view('admin/datainModal',$data);
}моя модельная функция: -
public function view($id)
{
$res = $this->db->get_where("contactus",array('id'=>$id));
return $res->row();
}просмотреть страницу datainModal.php: -
<div class = "table-responsive">
<table class = "table table-bordered">
<div class='row col-md-12'>
<div class='col-md-6'>
<tr>
<td width = "30%"><label>Id</label></td>
<td width = "70%"><?php echo $fullData->id;?></td>
</tr>
</div>
<div class='col-md-6'>
<tr>
<td width = "30%"><label>Data & Time</label></td>
<td width = "70%"><?php echo $fullData->date_and_time;?></td>
</tr>
</div>
</div>
</table>
</div> 
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
1 401
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
$(document).ready(function(){
$('.view_data').click(function(){
var id = $(this).attr("id");
console.info(id);
});
}); <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<button class = "btn btn-primary view_data" id = "1" >VIEW FULL INFO</button>
Код просмотра:
<tr>
<td>
<button class = "btn btn-primary view_data" id = "<?php echo $e->id; ?>" ><i class = "icon-eye-open">VIEW FULL INFO</i></button>
</td>
</tr>
Модальный код начальной загрузки: -
<div id = "dataModal" class = "modal fade">
<div class = "modal-dialog modal-xl">
<div class = "modal-content">
<div class = "modal-header">
<button type = "button" class = "close" data-dismiss = "modal">×</button>
<h4 class = "modal-title">VIEW FULL INFO</h4>
</div>
<div class = "modal-body" id = "your_modal_detail">
</div>
<div class = "modal-footer">
<button type = "button" class = "btn btn-default" data-dismiss = "modal">Close</button>
</div>
</div>
</div>
</div>
JQUERY AJAX-код: -
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.view_data').click(function(){
var id = $(this).attr("id");
$.ajax({
url : "<?php echo base_url('ControllerName/get_Full_data') ?>",
type:"POST",
data:{id:id},
success:function(data){
//alert(data);
$('#your_modal_detail').html(data);
$('#dataModal').modal("show");
}
});
});
});
</script>
Код контроллера: -
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class ControllerName extends CI_Controller {
public function get_Full_data(){
$id = $this->input->post("id");
$this->load->YourModelName();
$data['fullData'] = $this->YourModelName->getDatainModal($id);
$this->load->view('datainModal',$data);
}
}
?>
Модальный код: -
<?php
class YourModelName extends CI_Model {
function getDatainModal($id){
return $fullData = $this->db->get_where('table_name',array('id'=>$id))->row();
}
}
?>
Создайте в представлении datainModal.php: -
<div class = "table-responsive">
<table class = "table table-bordered">
<div class='row col-md-12'>
<div class='col-md-6'>
<tr>
<td width = "30%"><label>Id</label></td>
<td width = "70%"><?php echo $fullData->id;?></td>
</tr>
</div>
<div class='col-md-6'>
<tr>
<td width = "30%"><label>Data & Time</label></td>
<td width = "70%"><?php echo $fullData->date_and_time;?></td>
</tr>
</div>
</div>
</table>
</div>
в «JQUERY AJAX CODE» введите тип: «POST» вместо метода: «POST»
—
10.12.2020 12:45
ТЕПЕРЬ ОН РАБОТАЕТ ХОРОШО
—
10.12.2020 12:45
эй, вишал, если ваша проблема решена, отметьте ее как принятый ответ зеленой галочкой и для будущих читателей.
—
10.12.2020 12:49
Другие вопросы по теме
Как добавить и удалить класс к родительскому элементу, когда отображается строка, созданная опцией выбора
Как преобразовать функцию анимации jQuery в чистый JS
Изменить параметры выбора на основе выбора из нескольких итераций
Обновление текстового поля в списке SharePoint с использованием Rest возвращает код ошибки 400
Выпадающее меню открыть/закрыть
Передавать изображения на доску
Зацикливание изображений при просмотре мобильного javascript в области просмотра
JQuery Selectize — Uncaught TypeError: $(…).selectize не является функцией
Jquery добавляет класс в класс, а ajax загружает новый контент
Как дождаться добавления значений в массив?
Похожие вопросы
Angular Установите курсор ввода для следующего ввода, PS: следующий тег ввода будет динамически добавлен при нажатии клавиши Enter предыдущего ввода
Добавление функции к элементу через javascript
Не удается открыть путь к папке непосредственно из HTML-тега <a> в шаблоне Django
Window.addEventListener не обновляет состояние, как ожидалось
Как проверить Switch Bootstrap 5 с помощью простого Javascript
Как узнать, в какую игру играет пользователь в Discord.JS v12
Как дождаться завершения функции, которая рекурсивно вызывает себя с помощью setTimeout?
JS: каковы аргументы в функции устранения дребезга
Динамическое создание элемента в Vue.js
Как я могу добавить прослушиватель событий только к элементу кнопки
Комментарии не для расширенного обсуждения; этот разговор был перемещен в чат.