0

我正在使用 jquery 进行一些 ajax 调用。我在 Chrome 中工作，当我包含我的 javascript 文件时，如下所示：

<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();

        }

    });


}

这就是我的元素选项卡最终在 chrome 中的样子：

<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 文件正确显示，即它们只显示脚本标签，但其余的则混乱了。

4

1 回答 1

0

这很明显，ajax 填充您的页面并操作您的 DOM，而这正是 Chrome 中的元素选项卡显示的内容。你可以看到你的 DOM，它不像页面的视图源。

于 2012-07-31T18:30:34.590 回答