在Joomla2.5组件中使用jquery和Ajax



我很难弄清楚我的Ajax和服务器代码在Joomla组件中的位置。根据Joomla第2部分的文档,我创建了一个简单的helloworld组件(我不需要任何其他东西,只需要一个简单组件)。

现在,我尝试使用一个简单的jquery/Ajax教程来添加带有jquery的Ajax代码。所以我把这个代码添加到:

components/com_mycomponent/views/mycomponent/tmpl/default.php

<?php
// No direct access to this file
defined('_JEXEC') or die('Restricted access');
?>
<html>
<head>
  <title>Ajax with jQuery Example</title>
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/JavaScript">
  $(document).ready(function(){
    $("#generate").click(function(){
      $("#quote p").load("script.php");
    });
  });
  </script>
<style type="text/css">
    #wrapper {
      width: 240px;
      height: 80px;
      margin: auto;
      padding: 10px;
      margin-top: 10px;
      border: 1px solid black;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="wrapper">
    <div id="quote"><p> </p></div>
    <input type="submit" id="generate" value="Generate!">
  </div>
</body>
</html>

在同一目录中,我添加了script.php文件用于服务器端处理。再一次,只是从教程:

<?php  
header("Cache-Control: no-cache");  
// Ideally, you'd put these in a text file or a database.    
// Put an entry on each line of 'a.txt' and use $prefixes = file("a.txt");  
// You can do the same with a separate file for $suffixes.  
$prefixes = array('Mashup','2.0','Tagging','Folksonomy');  
$suffixes = array('Web','Push','Media','GUI');  
// This selects a random element of each array on the fly  
echo $prefixes[rand(0,count($prefixes)-1)] . " is the new "    
   . $suffixes[rand(0,count($prefixes)-1)];  
// Example output: Tagging is the new Media  
?> 

我猜我指定script.php的方式是不对的,因为我在访问组件时会得到generate按钮:

http://mysite.com/index.php?option=com_mycomponent

编辑:没有注意到这个非常关键的错误。我得到一个未找到的错误:http://mysite.com/script.php。这显然不存在。我该把这个放在哪里作为我的组件?请记住,使用ajax创建组件的全部目的是让我可以在script.php中使用joomla框架。例如进行呼叫,例如:$user =& JFactory::getUser();

提前谢谢。

1-将script.php的内容放在组件主(重要)控制器的公共函数中,例如ajaxit()。

2-将您的点击处理程序修改为以下内容:

$.ajax({
   url: 'index.php?option=com_mycomponent&view=mycomponent&task=ajaxit&format=raw',
   success: function(data) {
       $('#quote p').html(data);
   }

});

尝试使用

components/com_mycomponent/views/mycomponent/tmpl/script.php在加载函数中

不要使用.Load()方法,而是尝试在单击处理程序中使用它。

$.ajax({
  url: 'script.php',
  success: function(data) {
    $('#quote p').html(data);
  }
});

相关内容

  • 没有找到相关文章

最新更新