Chromeでページが読み込まれない

私はAJAXを追加するまでうまくいったページを作成しています。今、ページはロードされません。 Chromeが提供する「このページを読み込もうとしたときに何か問題が発生しました」というメッセージが表示されます。ファイルはサーバー上にあります。私は開発者用ツールを読み込む方法がありません。なぜなら、それはロードさえしないからです。しかし、それはInternet Explorerで読み込まれます。誰かがこれが読み込まれない原因となる何かを見ますか？私はこれまでにこの問題を抱えていませんでした。Chromeでページが読み込まれない

<!DOCTYPE html> 

<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> 
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> 
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> 
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]--> 
<head> 
    <title></title> 
    <meta charset="UTF-8"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<style> 
.block { 
    display: block; 
    margin: 25px 10px; 
} 
#text-success { 
    display: none; 
    color: red; 
} 
</style>  
</head> 
<body> 
<form action="" method="POST"> 
    <input type="number" placeholder="Phone Number" class="block" id="number"> 
    <select class="block" id="carrier"> 
     <option>Verizon</option> 
     <option>Virgin Mobile</option> 
     <option>Alltel</option> 
     <option>AT&T</option> 
     <option>Boost Mobile</option> 
     <option>Republic Wireless</option> 
     <option>Sprint</option> 
     <option>T-Mobile</option> 
     <option>U.S. Cellular</option> 
    </select> 
    <textarea placeholder="Your Message" class="block" id="message"></textarea> 
    <input type="submit" value="Send Text" id="submit-text"> 
    <p id="text-successful">Your Message Sent Successfully!</p> 
</form> 
<script> 
jQuery(document).ready(function() { 
$("#submit-text").on("click", function(event) { 

    var number = $("#number").val(); 
    var carrier = $("#carrier").val(); 
    var message = $("#message").val(); 
}); 
$.ajax({ 
    url: "text-send.php", 
    type: "POST", 
    data: { 
     "number": number, 
     "carrier": carrier, 
     "message": message 
}, 
success: function(data) { 
    //console.log(data); // data object will return the response when status code is 200 
    if (data == "Error!") { 
    alert("Unable to send email!"); 
    alert(data); 
    } else { 
     $(".project-container").addClass("removeClass"); 
     $("#text-success").show(); 
     $(".light-gray-container").hide(); 
    } 
}, 
complete: function() { 
    $('body, html').animate({ 
     scrollTop: $('.email-success').offset().top 
    }, 'slow'); 
}, 
error: function(xhr, textStatus, errorThrown) { 
    alert(textStatus + "|" + errorThrown); 
    //console.log("error"); //otherwise error if status code is other than 200. 
} 
}); 
}); 
</script> 
</body> 
</html>

出典

2016-04-26 Becky

ボタンのクリックでajaxコールをしたいと思います。

また、入力ボタンタイプ= "submit"のため、event.preventDefault()を使用する必要がありますので、デフォルト動作を停止してください& ajaxコールを作成してください。それ以外の場合は、タイプsubmitをタイプbutton

に変更することもできます。また、ajaxはクリック機能の外にあります。おそらくそれがページが読み込まれない主な理由です。 clickの外にあるので、文書が用意できたらすぐにAjaxコールをしようとします。

jQuery(document).ready(function() { 
$("#submit-text").on("click", function(event) { 

    event.preventDefault(); 

    var number = $("#number").val(); 
    var carrier = $("#carrier").val(); 
    var message = $("#message").val(); 
// Removed the closing braces of click function 
$.ajax({ 
    url: "text-send.php", 
    type: "POST", 
    data: { 
     "number": number, 
     "carrier": carrier, 
     "message": message 
}, 
success: function(data) { 
    //console.log(data); // data object will return the response when status code is 200 
    if (data == "Error!") { 
    alert("Unable to send email!"); 
    alert(data); 
    } else { 
     $(".project-container").addClass("removeClass"); 
     $("#text-success").show(); 
     $(".light-gray-container").hide(); 
    } 
}, 
complete: function() { 
    $('body, html').animate({ 
     scrollTop: $('.email-success').offset().top 
    }, 'slow'); 
}, 
error: function(xhr, textStatus, errorThrown) { 
    alert(textStatus + "|" + errorThrown); 
    //console.log("error"); //otherwise error if status code is other than 200. 
} 
}); // Added closing braces 
}) 
});

出典

2016-04-26 02:53:06 brk

これはそうだったと思います。それは一定の提出段階にあったに違いない。ありがとう!! – Becky

Chromeでページが読み込まれない

答えて

関連する問題