如何把ajax代碼放在php codeigniter的external.js文件中

Question

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#fun").focusout(function() { 
      // alert("Value: " + $("#fun").val()); 
      $.post("<?php echo base_url() ?>index.php/login/email_exists", { 
       email: $("#fun").val(), 
      }, function(data, status) { 
       if (data == 0) { 
        document.getElementById("error").innerHTML = "Email already exists, Please select another email"; 
        document.getElementById("ddfun").focus(); 
        // alert("email already exists " + data); 
       } else { 
        document.getElementById("error").innerHTML = ""; 
       } 
       //alert("Data: " + data); 
      }); 
     }); 
    }); 
</script> 

我在我的應用程序中使用了更多的jQuery和Ajax。我總是在view.php文件中寫入Ajax（帶有php代碼）。如果有任何選項可以在外部js文件中添加Ajax。任何幫助，將不勝感激。

Answer 1

你的問題是，你要插入一些PHP代碼的輸出到JS，這不會在.js文件中工作。

爲了解決這個問題，您可以將該PHP輸出作爲屬性放置在元素本身上，並在外部JS文件中將其讀回。試試這個：

<!-- in the head --> 
<script src="/jquery.js"></script> 
<script src="/my-js-code.js"></script> 

<!-- example HTML element, the only relevant part is the 'data-base-url' attribute --> 
<div id="fun" data-base-url="<?php echo base_url() ?>"></div> 

// in my-js-code.js 
$(document).ready(function() { 
    $("#fun").focusout(function() { 
     $.post($(this).data('base-url') + "index.php/login/email_exists", { 
      email: $("#fun").val(), 
     }, function(data, status) { 
      if (data == 0) { 
       $("#error").html("Email already exists, Please select another email"); 
       $("#ddfun").focus(); 
      } else { 
       $("#error").html(''); 
      } 
     }); 
    }); 
}); 

Answer 2

定義主佈局文件JS變量，你在外部JS

打電話給你的外部JS

<script type = "text/javascript"> 
    var base_url = '<?php echo base_url() ?>'; 
</script> 

之前現在

$(document).ready(function() { 
$("#fun").focusout(function() { 
    // alert("Value: " + $("#fun").val()); 
    $.post(base_url + "index.php/login/email_exists", { 
     email: $("#fun").val(), 
    }, 
    function(data, status) { 
     if (data == 0) { 
     document.getElementById("error").innerHTML = "Email already exists, Please select another email"; 
     document.getElementById("ddfun").focus(); 
     // alert("email already exists " + data); 

     } else { 
     document.getElementById("error").innerHTML = ""; 
     } 
     //alert("Data: " + data); 
    }); 
}); 

Answer 3

當然可以。

你view.php

<script type = "text/javascript"> 
    var base_url = '<?php echo base_url() ?>'; 
</script> 
<script src="path/to/external.js"></script> 

您的外部。js

$(document).ready(function() { 
    $("#fun").focusout(function() { 
    // alert("Value: " + $("#fun").val()); 
    $.post(BASE_URL+"index.php/login/email_exists", { 
     email: $("#fun").val(), 
     }, 
     function(data, status) { 
     if (data == 0) { 
      document.getElementById("error").innerHTML = "Email already exists, Please select another email"; 
      document.getElementById("ddfun").focus(); 
      // alert("email already exists " + data); 

     } else { 
      document.getElementById("error").innerHTML = ""; 
     } 
     //alert("Data: " + data); 
     }); 
    }); 
});