私はいくつかの ajax 呼び出しを行うために jquery を使用しています。私は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();
}
});
}
これは、私の要素タブがクロムでどのように見えるかです:
<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 ファイルの一部が正しく表示されていることがわかるように、スクリプト タグのみが表示されますが、残りはごちゃごちゃになっています。