Question

我正在尝试使用jQuery方式的AJAX。首先，我复制了一个代码来自w3school。它运作良好。

然后我将代码放在Codeigniter的视图页面中，并将服务器端页面放在views文件夹中。它不起作用。我确定问题出在网址上。

这是在常规php项目中工作的代码，但是当复制到Codeigniter视图时，它不会：

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
      if(statusTxt=="success")
        alert("External content loaded successfully!");
      if(statusTxt=="error")
        alert("Error: "+xhr.status+": "+xhr.statusText);
    });
  });
});
</script>

我认为问题与URL有关，以及codeigniter框架如何处理URL。我应该如何写这个URL才能正常工作？

Answer 1

您必须在控制器中加载视图，然后可以使用jquery

加载该控制器

<script>
  $(document).ready(function(){
    $("button").click(function(){
      $("#div1").load("controllerName",function(responseTxt,statusTxt,xhr){
        if(statusTxt=="success")
          alert("External content loaded successfully!");
        if(statusTxt=="error")
          alert("Error: "+xhr.status+": "+xhr.statusText);
        });
    });
 });
</script>

通过AJAX加载codeigniter视图

1 个答案: