2017-02-14 18 views
0

codeigniter - 外部javaスクリプトファイルが機能していませんか?codeigniter - 外部Javaスクリプトファイルが機能していませんか?

<script src="<?php echo base_url();?>js/getquestion.js" type="text/javascript"></script> 

<a onclick="getQuestion()" style="width: 280px; height: 540px; padding-top: 3px;" class="btn btn-primary" id="HyperLink">Start</a> 

getquestion.js:

function getquestion() { 
    $.get("http://localhost/n/saq/saq/index.php/quizs/getquestion", function (resp) { 
     if (resp != null) { 
      $("#question").html(resp); 
      $("#loading").html(""); 
     } 
    }) 
} 

私はどんな事を示していないスタートボタンをクリックし、
私はhttp://localhost/n/saq/saq/index.php/quizs/getquestionその作業をURLに移動私のビューファイルで 。 plsは私を助ける

+0

)あなたのonclickイベント機能name..your関数名は(getquestionで確認してください)、あなたはgetQuestion(のように使用している...変更THT最初.... – Mahesh

+0

追加してみてください'alert( 'yay');' '$ .get ... 'スクリプトの前に。 "yay"と表示された場合、問題はあなたの '$ .get'スクリプトにあります。もしも "yay"が表示されないなら、多分あなたは.jsファイルの間違った 'src'を持っています –

答えて

0

.jsを置くフォルダはどれですか?

<script src="<?php echo base_url(); ?>assets/js/getquestion.js" type="text/javascript"></script> 

それともすることができます...(もっとニート)

<script src="<?php echo base_url('assets/js/getquestion.js'); ?>" type="text/javascript"></script> 

をするだけの情報のため: は通常、あなたが必要となりますので、ファイルは、資産/ JSのフォルダに場所を取るしている.jsファイルこのことを考慮すると、2017年ですでに

  • HTML5は<script>でTAをtype属性を含めるために私たちを必要としません

    <script src="<?= base_url() ?>assets/js/getquestion.js"></script> 
    

    ...そしてあなたが最初で<!DOCTYPE html>を含める必要があります:グラム

  • PHPエコーはあなただけだから、あなたはこのように書くことが<?= base_url() ?>

を必要とし、代わりに<?php echo base_url(); ?>の、速記を持っていますこのコードを試してみてください

0

あなたのページの行、

<body> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="<?php echo base_url();?>js/getquestion.js" type="text/javascript"></script> 
    <a onclick="getquestion()" style="width: 280px; height: 540px; padding-top: 3px;" class="btn btn-primary" id="HyperLink">Start</a> 
    <p id="question"></p> 
    </body> 

JSコード、

function getquestion() { 
      $.get(<?php echo base_url("index.php/getquestions"),function(result){ 
      if(result != null) { 
      //alert(result); 
      document.getElementById("question").innerHTML=result; 
      } 
     }); 
} 
関連する問題