Question

我正在使用jquery做一些ajax调用。我在Chrome中工作，当我将javascript文件包含在下面时显示：

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

代码显示在我的php文件的Element选项卡下。它不会在我的脚本中显示为单独的文件。从本质上讲，它就像嵌入我的代码中一样。这使得调试非常困难。

知道为什么会这样做吗？

更多信息：这只发生在我将此函数添加到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文件正确显示，那就是它们只是显示脚本标签，但其余文件会混乱。

Answer 1

很明显，ajax会填充您的页面并操纵您的DOM，这正是Chrome标签中显示的元素标签。你可以看到你的DOM它不像页面的查看源。

为什么我的jquery嵌入在我的html中？

1 个答案: