在Joomla 2.5组件中使用jQuery与Ajax

我很难弄清楚我的Ajax和服务器代码放在Joomla组件中的位置。我在Joomla part 2 docs之后创建了一个简单的Hello World组件（我不需要任何其他的东西只是一个简单的组件）。在Joomla 2.5组件中使用jQuery与Ajax

现在我试图使用简单的jquery/ajax tutorial 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的方式是不对的，因为我得到的生成按钮，当我访问该组件：

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

编辑：没有注意到这是非常关键的错误。我收到一个Not Found错误：http://mysite.com/script.php。这显然不在那里。我在哪里为我的组件？请记住，使用ajax创建组件的重点在于，我可以在script.php中使用joomla框架。例如，进行如下呼叫：$user =& JFactory::getUser();

在此先感谢。

来源

2012-07-29 Tom

尝试使用

组件/ com_mycomponent /视图/ myComponent的/负载功能TMPL/script.php的

来源

2012-07-30 05:19:28 Anand

而不是使用.Load()方法，请尝试在您的点击处理程序中使用它。

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

来源

2012-07-29 13:55:22 Arkheart

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); 
    }

}）;

来源

2012-08-05 16:23:21

在Joomla 2.5组件中使用jQuery与Ajax

回答

相关问题