我在Laravel 5.4中有一个Web应用程序。 在某些模块中,我有一个主要形式,可以在模态对话框窗口中从中调用数据表(例如: 如果单击搜索按钮,则将在模态窗口中显示数据表 )。 我想要实现的是,当我单击数据表中的数据时,它会关闭模式窗口并获取单击的信息,并将其显示在表单(主表单)的指定字段中。 但是,在我放置了所有必需的脚本之后,单击数据表中的数据就没有任何反应。

  1. 一种。 HTML表格

      <section class="panel"> <div class="table-responsive"> <table width="100%" id="pere-table" class="table" > <thead> <tr> <th>NNID</th> <th>Nom</th> <th>Post-Nom</th> <th>Prenom</th> </tr> </thead> <tbody> <tr > <td class="NNID"></td> <td class="nom"></td> <td class="postnom"></td> <td class="prenom"></td> </tr> </tbody> </table> </div> </section> <a href="#ajout_pere" data-toggle="modal" class="btn btn-success btn-lg"><small><span class="glyphicon glyphicon-plus"></span> Ajouter</small></a> 

    b。用于接收数据的输入字段以pere_nouv作为其ID

  2. 控制器获取数据

      public function recherchePere () { $pere = Pere::join('t_individus','t_adultes.nnid', '=', 't_individus.nnid') ->select(['t_individus.nom', 't_individus.postnom', 't_individus.prenom', 't_individus.nnid']) ->where('t_individus.sexe','=','0'); return Datatables::eloquent($pere)->make(true); } 
  3. 数据表的ajax

      @push('scripts') <script type="text/javascript"> $(function() { $('#pere-table').DataTable({ processing: false, serverSide: true, ordering: false, ajax:'http://127.0.0.1:8000/nouveau_ne/data_peres', columns :[ {data : 'nnid', name:'t_individus.nnid'}, {data : 'nom', name:'t_individus.nom'}, {data : 'postnom', name:'t_individus.postnom'}, {data : 'prenom', name:'t_individus.prenom'}, ] }); }); </script> @endpush 
  4. 路线

      Route::get('/nouveau_ne/data_peres', ['as' => 'nouveau_ne','uses' => 'AdulteController@recherchePere']); Route::get('/nouveau_ne/pere', [ 'uses' => 'AdulteController@index']); 
  5. 单击行以馈送文本框的Jquery脚本

      <script type="text/javascript"> var vpWidth = $(window).width(); var vpHeight = $(window).height(); var textClickedOn; var pereNouv = $("#pere_nouv"); var nnid = $(".NNID"); nnid.click(function(){ //Get text clicked on textClickedOn = $(this).text(); //alert(textClickedOn); pereNouv.val(textClickedOn); }); </script> 

问题:我在做什么错? 您的帮助和提示将不胜感激

#1楼 票数:0

点击事件会附加到页面加载时的现有元素上。 这里的关键词是存在的 当我们用ajax加载某些东西时,我们会操纵DOM。 我们正在放置全新的元素。

委派事件的优势在于,它们可以处理以后在文档中添加的后代元素中的事件

尝试类似的东西:

$('body').on('click', '#pere_nouv', function (event) {
    // your code goes here
});

或这个 :

$(document).on('click','body #pere_nouv',function(){
    // additional code
});

  ask by JNtalemwa translate from so

未解决问题?本站智能推荐:

2回复

如何使用AjaxCrud在Laravel5.4中实现数据表

我的网站包含内置ajax的基本CRUD操作,我的问题是,如何实现数据表? 顺便说一句,我已经部署了yajra数据表 js文件 视图
1回复

在Laravel5.4中无法使用AJAX

请你帮助我好吗? 我的代码无效。 JS警报“成功”,但是页面上没有任何更改。 谢谢 路线 jQuery的 控制者 就像我说的那样,它返回“成功”,就像ajax可以,但不会更改我的页面。
2回复

在Laravel5.4中使用JQueryAjax从控制器传递数据以进行查看

我有一个具有模态的laravel应用,我希望在其中执行数据库搜索并以相同的模态显示信息,而无需重新加载页面(这将导致模态消失)。 为此,我正在使用jquery / ajax将数据传递到控制器并获取结果。 但是我没有从控制器返回正确的数据格式。 或者,也许我应该在jQuery / AJA
1回复

在哪里为ajax编写代码以将数据发送到服务器以保存数据表中按钮单击的操作

我是使用datatable插件加载ajax表的新手,我想为此操作按钮更新数据库中多行的列。 这是按钮单击的当前代码 在哪里编码ajax以发送grid2.setAjaxParam设置的数据 任何帮助非常感谢 提前致谢
1回复

如何使用Jquery和AjaxLaravel5.4切换数据库中的布尔值

我创建了一个按钮来批准表中的一行,但似乎一切都只发生在检查中,而mysql Database Boolean Column中没有任何变化 我的按钮 这是我的脚本部分 我的路线文件 控制器功能:“ condition”是数据库中的布尔值列 我如何才能获得上述工作?
1回复

Laravel5.4TokenMismatchException和Logout

我有一个最奇怪的错误,不知道从哪里开始调试。 我有一个表单,用于向客户端发送一些电子邮件。 此表单通过ajax提交给服务器,并发回响应。 我还在我的表单中设置了{{ csrf_field() }} ,如果我在网络选项卡中检查Chrome开发工具,我可以看到`_token'字段已设置。
1回复

Formdata为空-Laravel5.4

嗨,朋友们, 我正在尝试在Laravel 5.4中使用Ajax上传图像 问题 : 服务器端Formdata为空 代码 : 查看 : JS : 路线 : 控制器 : 服务器端的返回响应是: 我可以看到只有令牌返回,而没有上传图像的数据。 如果我不使用Aja
1回复

如何防止数据重新输入到Laravel页面刷新的数据库中

我有一个正在开发中的POS,我注意到当我重新加载页面时,它会重新输入数据。 如何防止数据在页面重新加载时重新输入? 我的控制器具有以下代码: