小编典典

如何在Joomla组件中使用Jquery AJAX?

ajax

我在Joomla的开发站点中,同时我遇到了问题,请解决以下问题

这是我组件的文件夹结构

htdocs/Joomla/administrator/component/com_test/test.php,controller.php
                                              models/test.php
                                              controllers/test.php
                                              views/test/view.html.php
                                              view/test/tmpl/default.php

现在view.html.php我创建了一个表单,其中即时消息使用 jquery ajax代码进行usernmae可用性检查

但我没有得到我如何结合所有事情来获得usename可用或不可用的结果

这是我在 test / view.html.php* 上编写的代码 *

<script type="text/javascript">
 jQuery(document).ready(function(){
 jQuery("#username").change(function () {
    var usr = jQuery("#username").val();
    if (usr.length >= 2) {
     jQuery("#status").html('<img src="loader.gif" align="absmiddle">&nbsp;Checking availability...');
     jQuery.ajax({
         type: "POST",
         url: "index.php?option=com_test&view=check_user",
         data: "username=" + usr,
         success: function (msg) {
         jQuery("#status").ajaxComplete(function (event, request, settings) {
         if (msg == 'OK') {
            jQuery("#username").removeClass('object_error'); // if necessary
                jQuery("#username").addClass("object_ok");
         }
         else {
               jQuery("#username").removeClass('object_ok'); // if necessary
               jQuery("#username").addClass("object_error");
               jQuery(this).html(msg);
         }
       });
      }
    });
  }    
});

<script>

<form action="" method="post" name="addUserForm" id="addUserForm" > 
   <table width="100%" border="0" cellpadding="4" cellspacing="2">
     <tr>
    <th >User Name :</th>
        <td ><input type="text" name="username" id="username" size="50">
             <span id="status"></span>  
        </td>
     </tr>      
   </table>
</form>

我已经为以下操作创建了以下文件夹结构,请告诉我我在哪里出错

view/check_user/view.html.php
views/check_user/tmpl/default.php

check_user / view.html.php中的* 代码 *

<?php

// no direct access
defined('_JEXEC') or die('Restricted access');

jimport( 'joomla.application.component.view');

/**
 * HTML View class for the advertising component
 */
class TestViewCheck_user extends JView 
{
   /**
    * Default display function
    */  
    function display($tpl = null) 
    {
        $testController = new TestController();
        // Make an object of Main Model class contains Main functions
        $testModel = $testController->getModel('test');
        $userName  = JRequest::getVar('username');
        parent::display($tpl);
        }
 }
?>

但是当我运行这段代码…为什么
http://localhost/Joomla/includes/js/joomla.javascript.js文件运行无限次..最后给出4错误

现在我要修改/添加更多???请只是指导我....

请参考教您逐步创建组件的任何有用链接…对我非常有帮助

非常感谢


阅读 265

收藏
2020-07-26

共1个答案

小编典典

所有前端代码都应该在您的tmpl中,因此您的Ajax内容也应该在其中。请查看本教程,了解如何为Joomla制作MVC组件
http://www.joomladevuser.com/tutorials/components
(无效链接)。

2020-07-26