0

在我看来,我有以下 javascript:

  $.ajax({
    url:"<?php echo site_url('switches/showknownvlans/'.$ip.'/'.$hardwaremodel);?>",
    type:'POST',
    dataType:'json',
    success: function(returnDataFromController) {
    //alert(returnDataFromController.length);
    var htmlstring;
    var submitFormHTML;
    htmlstring = "some html stuff";

    for(i = 0; i < returnDataFromController.length; i++) {

    }
    submitFormHTML = "<form method='post' accept-charset='utf-8' action='controllerX/methodABC/"+ $('#ip').val() +"/" + $('#hardwaremodel').val() +"/" + $('#port').val() + "'><input type='text' id='newVlanID' style='width:5em;height:1.5em'/>&nbsp;&nbsp;<button type='submit' class='btn' id='saveVlan' style='width:10em;height:2em'>Reassign Vlan</button></form>";
    alert(submitFormHTML);
    $('#clientajaxcontainer').html(htmlstring);
    $('#newvlanform').html(submitFormHTML);

我当前在“submitFormHTML”字符串中为表单的“action”属性定义的路径不正确。不是将我的用户带到带有所有参数的“http://myserver/myapp/controllerX/methodABC/”,而是将“controllerX/methodABC/”附加到当前 URL 的末尾。所以如果用户在:

 http://myserver/mypp/controller23/method123/

当单击按钮提交表单时,它们最终会出现在:

 http://myserver/mypp/controller23/method123/controllerX/methodABC/

有没有办法在 javascript 中获取 site_url() 或 base_url?有什么建议么?感谢您阅读帖子。

编辑:

根据某人的建议(我认为这是个好主意),我创建了一个名为“global.js”的新 .js 文件,其中有一行:

var BASEPATH = "<?php echo base_url(); ?>";

然后,此文件包含在我的模板 PHP 文件中,用于我的视图,如下所示:

<!DOCTYPE html> <!-- aka HTML5 -->
<html lang="en">
<head>
  <meta charset="utf-8">


<link href="<?php echo base_url();?>assets/css/bootstrap.css" rel="stylesheet">
    <script type='text/javascript' src='<?php echo base_url();?>assets/js/global.js' charset="utf-8"></script>

我已经修改了使表单看起来像这样的javascript: submitFormHTML = " Reassign Vlan"; 警报(提交表单HTML);

编辑2:

有趣的是,当我在 global.js 中定义 BASEPATH 时,我的 javascript 最终生成的 URL 如下所示:

 http://myserver/myapp/index.php/switches/showportvlan/parm1/parm2/%3C?php%20echo%20base_url%28%29;?%3E/index.php/switches/changeportvlan/parm1/parm2/parm3. 

如您所见,它没有解释“”,而是按原样包含文本。

但是,如果我忘记包含一个单独的 js 文件并执行以下操作:

<link href="<?php echo base_url();?>assets/css/bootstrap.css" rel="stylesheet">
    <script type='text/javascript'>
         var BASEPATH="<?php echo base_url();?>";
     </script>

它工作得很好。

我不明白为什么包含文件失败。

4

2 回答 2

0

该动作实际上被正确调用。与 href 属性类似,如果您在没有斜杠 ( /) 的情况下启动它,它只会将该值附加到当前页面的 uri,这就是您描述的行为。

您有 2 个选项可以从 HTTP HOST 的根目录引用此脚本:

以斜线开头的 action 属性:

action="/controllerX/methodABC/"

或添加到您的服务器的完整路径,包括协议:

action="http://myserver/mypp/controllerX/methodABC/"
于 2012-09-06T15:16:29.837 回答
0

更新答案以匹配您的新问题

头文件.php

<base href="<?php echo base_url(); ?>" />

<link href="assets/css/bootstrap.css" rel="stylesheet">

<script>
 //global vars, can be used in any external js file
 var BASEPATH = "<?php echo base_url(); ?>";
 var IP       = "<?php echo $_SERVER['REMOTE_ADDR']";
</script>

<script src="assets/js/global.js"></script>

global.js

(function($){

   var formsObject = {
       init : function(){
           if($("form#id1"))
           {
              this.formOne; //run form one if id is present
           }
       },
       formOne : function(){
           var fOne = $("form#id1");

           fOne.submit(function(){
               var data = {
                  '' : '',
               }

               do_ajax(data);
           });

           var do_ajax = function(data){
                $.ajax({
                     url : BASEPATH + fOne.attr('action'),
                     //and so on
                });
           }
       }
   }

   //ready
   $(function(){
       formsObject.init();
   });

})(jQuery);
于 2012-09-06T15:55:56.670 回答