Ajax调用在IE8中无效
[英]Ajax call not working in IE8
问题描述
我正在阅读有关此内容的几篇帖子，并对我的代码进行了一些更改，但没有运气。
任何人都可以看看这个，看看这里发生了什么？ 或者也许是另一种方式来做我需要的事情（使用ziptastic检索城市，邮政编码状态）
该代码在Chrome中运行良好（ http://jsfiddle.net/7VtHc/117/ ）
HTML
<asp:TextBox ID="txtZipCode" runat="server"></asp:TextBox>
<asp:TextBox ID="txtCity" runat="server"></asp:TextBox>
<asp:TextBox ID="txtState" runat="server"></asp:TextBox>
脚本
<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[id$='txtZipCode']").keyup(function () {
var el = $(this);
if (el.val().length === 5) {
$.ajax({
url: "http://zip.getziptastic.com/v2/US/" + el.val(),
cache: false,
dataType: "json",
type: "GET",
success: function (result, success) {
$("input[id$='txtCity']").val(result.city);
$("input[id$='txtState']").val(result.state);
}
});
}
});
});
</script>
谢谢，
4 个解决方案
解决方案1
9 2014-06-13 13:57:24
您的代码中的实际问题是在ajax错误回调中显示“No Transport”错误。 添加此行jQuery.support.cors = true ; 会解决你的问题
在IE和其他浏览器中尝试以下代码。
<html>
<head>
<script type='text/javascript' src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function() {
jQuery.support.cors = true;
$("#zip").keyup(function() {
var el = $(this);
if (el.val().length === 5) {
$.ajax({
url: "http://zip.getziptastic.com/v2/US/" + el.val(),
cache: false,
dataType: "json",
type: "GET",
success: function(result, success) {
$("#city").val(result.city);
$("#state").val(result.state);
}
});
}
});
});
</script>
</head>
<body>
<p>Zip Code: <input type="text" id="zip" /></p>
<p>City: <input type="text" id="city" /></p>
<p>State: <input type="text" id="state" /></p>
</body>
</html>
看看这些链接：
解决方案2
6 已采纳 2014-06-13 13:49:22
问题是IE8不支持跨源资源共享（CORS） XHR，因此您不能使用本机XHR或jQuery的$.ajax跨域ajax调用。
对于IE8，微软决定提出他们自己的跨域XHR，而不是使用名为XDomainRequest的CORS XHR，因此你必须实现它以支持IE8用户。 在这个答案中可以找到一个示例用法。
或者，您可以通过本地服务器端代理跨域请求，使外部请求成为服务器到服务器的情况，这将不受同源策略的约束。
解决方案3
0 2014-06-13 13:45:41
您的请求看起来很好，但如果它是一个IE8，那么您可能遇到了正在加载的文件头问题，它必须是application / json
PHP示例
header('Content-Type: application/json');
解决方案4
0 2018-12-07 10:33:48
很简单，在页面上添加以下行：
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />
AJAX 请求在 IE8 和 IE9 中不起作用
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.