Question

我有一个AJAX请求要在数据库中添加表单字段，但在我的选择列表中附加新条目时会遇到问题。

这是HTML

<select id="jform_proprietaire" name="jform[proprietaire]">
<option value="8">Hello World</option>
<option value="35">Jon Jon</option>
<option value="9">Jack Jonhson</option>
</select>

模式中的表格：

    <div id="myModal" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block;">
   <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <h3>Ajouter un proprietaire</h3>
   </div>
   <div class="modal-body">
      <form method="post" name="adminForm" id="propritaire-form">
         <fieldset class="adminform">
            <div class="resultats"></div>
                  <div class="control-group">
                     <div class="control-label"><label id="nom-lbl" for="nom" aria-invalid="false">
                        Nom</label>
                     </div>
                     <div class="controls"><input type="text" name="nom" id="nom" value=""></div>
                  </div>
                  <div class="control-group">
                     <div class="control-label"><label id="prenom-lbl" for="prenom" aria-invalid="false">
                        Prénom</label>
                     </div>
                     <div class="controls"><input type="text" name="prenom" id="prenom" value=""></div>
                  </div>
                  <div class="control-group">
                     <div class="control-label"><label id="societe-lbl" for="societe" aria-invalid="false">
                        Société</label>
                     </div>
                     <div class="controls"><input type="text" name="societe" id="societe" value=""></div>
                  <div class="control-group">
                     <div class="control-label"><label id="email-lbl" for="email" aria-invalid="false">
                        Email</label>
                     </div>
                     <div class="controls"><input type="email" name="email" class="validate-email" id="email" value=""></div>
                  </div>


         </fieldset>
         <input type="hidden" name="6f179ffa2a28133151f3cfe1553978e3" value="1">
      </form>
   </div>
   <div class="modal-footer">
      <a id="enregistrerproprio" class="btn btn-primary">Enregistrer</a>
   </div>
</div>

脚本：

jQuery(document).ready(function(){

    jQuery('#myModal').on('shown', function () {
        jQuery('#enregistrerproprio').click(function(){
                       form=jQuery('#propritaire-form')
                       jQuery('#propritaire-form .resultats').html('<div class=\"progress progress-striped\"><div class=\"bar\" style=\"width: 30%;\"></div></div>');
                       jQuery.ajax({
                               type: 'POST',
                               url: 'index.php?option=com_visites&task=ajax.ajouteProprietaire&format=raw',
                               data: form.serializeArray(),  
                               dataType: 'json',
                               success: function(data) { 
                                    jQuery('#propritaire-form .resultats').empty();
                                    if(data.succes==1){
                                            jQuery('#myModal').modal('hide');
                                            jQuery('#jform_proprietaire').append('<option selected=\"true\" value=\"'+data.proprietaire.id+'\">'+data.proprietaire.nom+' '+data.proprietaire.prenom+'</option>');

                                    } else {
                                        jQuery('#propritaire-form .resultats').html('<div class=\"alert alert-error\"></div>');
                                        for (i=0;i<data.retour.length;i++){
                                            jQuery('#propritaire-form .resultats .alert').append('<p>'+data.retour[i].message+'</p>')
                                        }
                                    }
                               }
                           });

               })
        })


        })

我的数据很好地导入到数据库中，但我在控制台中：

Uncaught TypeError: Cannot read property 'id' of null
    at Object.success (index.php?option=com_jea&view=property&layout=edit&id=344:60)
    at i (jquery.min.js?7c0336fabba01bb5fea27139dbdfd8c1:2)
    at Object.fireWith [as resolveWith] (jquery.min.js?7c0336fabba01bb5fea27139dbdfd8c1:2)
    at y (jquery.min.js?7c0336fabba01bb5fea27139dbdfd8c1:4)
    at XMLHttpRequest.c (jquery.min.js?7c0336fabba01bb5fea27139dbdfd8c1:4)

对于这一行：

jQuery('#jform_proprietaire').append('<option selected=\"true\" value=\"'+data.proprietaire.id+'\">'+data.proprietaire.nom+' '+data.proprietaire.prenom+'</option>');

如果有人能提供帮助就会很棒!!

提前致谢！

PS：我无视显示php ajouteproprietairefunction：

class VisitesControllerAjax extends JControllerAdmin
{



    public function ajouteProprietaire(){
        require_once JPATH_ADMINISTRATOR.'/components/com_visites/models/propritaire.php';
        $input = JFactory::getApplication()->input;
        $data=$input->getArray(array('nom' => '', 'prenom' => '', 'societe' => '','email' => '', 'telephone' => '', 'mobile' => '','adresse' => '', 'codepostal' => '', 'ville' => '', 'notes' => ''));
        $data["state"]=1;
        $model=new VisitesModelPropritaire();
        $reussite=$model->save($data);

        if ($reussite) {
            $db=  JFactory::getDbo();
            $query=$db->getQuery(true);
            $query->select('*')
                    ->from('#__visites_proprio')
                     ->where('id='.$db->insertid());
            $db->setQuery($query);
            $proprietaire=$db->loadObject();
           echo json_encode(array('succes'=>1, 'proprietaire'=>$proprietaire));
        } else {
            echo json_encode(array('succes'=>0, 'retour'=>JFactory::getApplication()->getMessageQueue()));
        }
    }

}

Answer 1

好的找到了解决方案......

在最新版本的MySql中，最后一个插入ID并不能很好地工作。所以我更改了我的功能以检查电子邮件字段，因为每个用户都是唯一的，以下是更新后的代码：

if ($reussite) {
            $db=  JFactory::getDbo();
            $query=$db->getQuery(true);
            $query->select('*');
            $query->from('#__visites_proprio');
            $query->where('email = \''.$data['email'].'\'');
            $db->setQuery($query);
            $proprietaire=$db->loadObject();

           echo json_encode(array('succes'=>1, 'proprietaire'=>$proprietaire));
        } else {
            echo json_encode(array('succes'=>0, 'retour'=>JFactory::getApplication()->getMessageQueue()));
        }

模态中的AJAX响应问题

1 个答案: