Ajax调用在CodeIgniter中不起作用 - javascript

我正在尝试在CodeIgniter中测试AJAX,到目前为止还没有运气。请告诉我我要去哪里了。

这是我的test_page.php

<!DOCTYPE html>
<head>
    <script src="<?php echo base_url();?>assets/libs/jquery/jquery-2.2.3.min.js"></script>
    <script src="<?php echo base_url();?>assets/libs/jquery/jquery-2.2.3.min.js"></script>
    <script src="<?php echo base_url();?>assets/libs/js-cookie/js.cookie.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

<body>

<button id="btn" onclick="gethtml()">ajax Test</button>

<script type="text/javascript">
function gethtml(){
    var url = "<?php echo base_url();?>home/ajax_test";
    alert(""+url);
    $.ajax({
        url: url,
        type: 'POST',
        dataType: 'json',
        success: function(data){
            alert("ajax success");
        }
    });
}
</script>

</body>

</html>

这是我在控制器中的功能:

public function ajax_test() {
    echo "return from ajax";
}

参考方案

您可以使用下面提到的解决方案。

<button id="btn">ajax Test</button>


$(document).ready(function(){
   $('#btn').Click(function(e){
      e.preventDefault();
      var url = "<?php echo base_url();?>home/ajax_test";           
      alert(""+url);             
      $.ajax({           
            url: url,            
            type: 'POST',               
            dataType: 'json',            
            success: function(data){            
                   alert("ajax success");           
             }      
        });
    });
});

让我知道它是否不适合您。

Ajax:尝试调用PHP脚本时“未找到元素” - javascript

我试图在我的Ubuntu 14.04 LTS系统上使JavaScript和PHP一起工作。为此,我创建了以下三个文件:index.html<html> <head> <script type="text/javascript" src="testJS.js"></script&…

将Web用户控件添加到页面时,asp按钮onclick不会触发 - javascript

我正在使用使用Visual Studio模板创建的Web表单应用程序。模板具有一个内容占位符,该占位符被访问的任何页面的内容替换。有问题的页面有几个服务器控件,例如文本框,标签和按钮。当我单击我的更新按钮时,它可以正常工作,这些值会回传并更新数据库。我想在所有子页面上创建通用的登录提示。我的导航栏(位于我的母版页中)具有引导程序设置。我在导航栏中添加了一个下…

Telerik单选按钮所需的字段验证器 - javascript

如何设置Telerik单选按钮所需的字段验证器?我想在按钮单击“ BtnSave”上设置必填字段验证器吗?请帮忙!<telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="fa…

表单不提交或按钮提交不起作用 - javascript

据我所知,此代码必须有效,但是我编码时却无效问题在于该表单未提交。我该如何解决?选中时,我什至没有得到复选框的值。<table id="example" class="display" cellspacing="0" width="100%"> <thead&g…

在PHP文件中调用javascript函数并在加载HTML文件之后? - javascript

我需要在我的php中调用js函数,但无法正常工作。有人可以告诉我我在做什么错吗?我该如何轻松地做到这一点?谢谢!我有三个文件:  mail.php负责发送$ _POST的内容(工作正常)。我调用我的javascript函数来切换模式,具体取决于邮件是否已发送。 <? ... $response = $sendgrid->send($email);…