2012-07-31 13 views
0

我正在使用jQuery來做一些Ajax調用。我在Chrome的工作,當我包括我的JavaScript文件,如下所示:爲什麼我的jquery嵌入到我的html中?

<script src="js/collectInfo.js" type="text/javascript"></script> 

的代碼顯示了在元素選項卡下我的PHP文件。它不會在我的腳本中顯示爲單獨的文件。基本上就好像它嵌入在我的代碼中一樣。這使得調試非常困難。

任何想法爲什麼會這樣做?

更多信息: 這隻有當我添加此功能可將JS的底部文件

function sendRequest(type){ 

    var first_name=$('#mce_FNAME').val(); 
    var last_name=$('#mce_LNAME').val(); 
    var email=$('#mce_EMAIL').val(); 
    var phone=$('#mce_PHONE').val(); 
    var advocateID=$('#mce_SPID').val(); 

    $.ajax({ 
     data:{ 
      first_name:first_name, 
      last_name:last_name, 
      email:email, 
      phone:phone, 
      advocateID:advocateID, 
      mode:type 
     }, 
     url:'ajax_fp_info.php', 
     type: "POST", 
     dataType: "text", 
     success:function(data){ 
      data=$.parseJSON(data); 
      if(data.error != undefined){ 
       if(data.error !== false){ 
        showError(data.error); 
       } 
       else{ 
        $('#mc-embedded-subscribe-form').submit();      
       } 
      } 
     }, 
     complete:function(){ 
      stopProcessing(); 

     } 

    }); 


} 

這是我的元素標籤最終看起來像鉻情況:

<script src="js/default.js." type="text/javascript"></script> 
<script type="text/javascript">//<![CDATA[ 
var validate=new Array();$(function(){});function textFocus(sup){if($(sup).is('.pale')) {$(sup).removeClass('pale');$(sup).val('');$(sup).attr('onclick','');} 
else{}} 
function validateReque... 

正如你可以看到我的一些js文件正確顯示,那就是他們只是顯示腳本標記,但其餘的亂七八糟。

+0

腳本標記將出現在「元素標籤」中,因爲它們在DOM中。 – 2012-07-31 17:53:16

回答

0

這很明顯,ajax填充你的頁面並操縱你的DOM,這正是Chrome中顯示的元素標籤。你會看到你的DOM,它不像查看頁面的源。

相關問題