个人中心
gpt4 book ai didi

javascript - codeigniter 无法正确调用 jquery 中的 Controller 功能

转载 作者：行者123 更新时间：2023-11-28 07:57:00 26 4
gpt4 key购买 nike

我创建了一个带有按钮的简单网页，单击此按钮后我想通过加载当前发票中的页面来更改页面的该部分。我写的代码如下:

带有按钮的索引:

   <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">
        <link rel="icon" href="../../favicon.ico">

        <title>Justified Nav Template for Bootstrap</title>

        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

        <!-- Custom styles for this template -->
        <link href="http://getbootstrap.com/examples/justified-nav/justified-nav.css" rel="stylesheet">

        <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
        <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
        <script src="http://getbootstrap.com/assets/js/ie-emulation-modes-warning.js"></script>

        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>



        <script>
            $(document).ready(function() {
                /*
                 * ACCETTAZIONE
                 */
                $("#ricoveraPaziente").click(function() {
                    alert("adassdaasdasdsd");
                    $('#quiiiiii').load('fatture/index');
                    //e.preventDefault();


                });


            });
        </script>
    </head>

    <body>

        <div class="container">

            <div class="masthead">
                <h3 class="text-muted">Project name</h3>
                <ul class="nav nav-justified">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#" id="ricoveraPaziente">Projects</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Downloads</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
            <div id="quiiiiii">

                <!-- Jumbotron -->
                <div class="jumbotron">
                    <h1>Marketing stuff!</h1>
                    <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.</p>
                    <p><a class="btn btn-lg btn-success" href="#" role="button">Get started today</a></p>
                </div>

                <!-- Example row of columns -->
                <div class="row">
                    <div class="col-lg-4">
                        <h2>Safari bug warning!</h2>
                        <p class="text-danger">As of v7.0.1, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing.</p>
                        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
                        <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
                    </div>
                    <div class="col-lg-4">
                        <h2>Heading</h2>
                        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
                        <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
                    </div>
                    <div class="col-lg-4">
                        <h2>Heading</h2>
                        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p>
                        <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
                    </div>
                </div>

                <!-- Site footer -->
                <div class="footer">
                    <p>&copy; Company 2014</p>
                </div>

            </div> <!-- /container -->

        </div>
        <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
        <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
    </body>
</html>

在片段JQuery中调用的 Controller 是:

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

class Fatture extends CI_Controller {

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

当我点击按钮时，codeigniter 没有让我出现任何页面，我该如何修复它？请:D

最佳答案

试试这个:

$("#ricoveraPaziente").click(function() {
    alert("adassdaasdasdsd");
    $.ajax({
        url: 'fatture/index',
        success: function(result){
            $('#quiiiiii').html(result);
        }
    });
});

关于javascript - codeigniter 无法正确调用 jquery 中的 Controller 功能，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25979072/

26 4 0
文章推荐： javascript - var functionName = function() {} vs function functionName() {}
文章推荐： javascript - Jquery 与 Magento 原型(prototype)的冲突
文章推荐： c++ - 支持 Windows 的 p2p c++​​ 库？
文章推荐： css - 是否可以排除其他 css 样式对指定 dom 元素的影响
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com