jquery javascript在codeigniter中不起作用

时间:2016-11-25 01:33:45

标签: javascript php jquery codeigniter

大家好,感恩节快乐!

我在codeigniter中包含此脚本是个问题:

<script type="text/javascript" src="<?php echo base_url();?    application/views/jquery.js">
</script>
<script type="text/javascript">
    $(document).ready(function() {
        setInterval(function () {
            $('#show').load('<?php $this->load->view('data');?>')
//im tryng also $('#show').load('<?php echo base_url();?>application/views/data.php') but it doesnt work anyway
        }, 3000);
    });


</script>

这个功能输出codeigniter工作没有问题? 也许我在配置文件中有一些问题? 艾特知道...请写信给我抱歉英语不好 最好的问候

3 个答案:

答案 0 :(得分:1)

您的src似乎不正确

<script type="text/javascript" src="<?php echo base_url();?    application/views/jquery.js">

尝试将其更改为

<script type="text/javascript" src="<?php echo base_url(); ?>"application/views/jquery.js">

答案 1 :(得分:0)

另一种方法如下。

<script type="text/javascript" src="<?= base_url('application/views/jquery.js'); ?>">

在这种情况下,$config['base_url']有一个尾随/

如果您尝试直接在应用程序/视图下访问文件,则会出现404错误。这是你的问题吗?

通常,您可以将所有公共端css和js文件放在类似......

的结构下
Your Document Root Folder/
                         assets/
                               js/
                                  jquery.js
                               css/

那么你会有

  <script type="text/javascript" src="<?= base_url('assets/js/jquery.js'); ?>">

然后你可以正确访问它。

诀窍是......在浏览器上查看您的HTML源代码,查看您的jquery链接,然后单击它以查看错误消息的内容。

如果一切正常,那么您将看到实际的文件来源。

答案 2 :(得分:0)

首先,您无法直接调用应用程序文件夹中的任何文件。 在您的主目录中创建一个新文件夹 js 并将您的jquery.js移动到该文件夹​​中,即 root_folder - &gt; js - &gt;的jquery.js 然后试试这个例子

<强>控制器

private async void BtnProgressBarClick(object sender, RoutedEventArgs e)
{
    this.BarraProgresso.Minimum = 0;
    this.BarraProgresso.Maximum = 1000;
    this.BarraProgresso.Value = 0;

    for (int i = 0; i < 1000; i++)
    {
        this.BarraProgresso.Value = i;
        await Task.Delay(10); // Gives rendering a chance to run
    }
}

查看(test.php)

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Test extends CI_Controller {

    public function __construct ()
    {
        parent::__construct();
    }

    public function index()
    {
            $this->load->view('test');
    }

    public function hello()
    {
            $this->load->view('data');
    }
}

第二个视图文件(data.php)

<!DOCTYPE html>
<html>
<head>
    <title>test project</title>
</head>
<body>
<div id="show"> This content will replaced by your interval response </div>

<script src="<?php echo base_url(); ?>js/jquery.js"></script>
<script type="text/javascript">

$(document).ready(function () {
    setInterval(function () {
            $('#show').load('<?php echo base_url(); ?>test/hello');
            console.log('test');
        }, 3000);
});

</script>

</body>
</html>