jquery ajax 调用导致浏览器错误
jquery ajax call causes browser error
HTML 代码:
<div class="clearfix" style="color: #555" style="display:block; ">
<input type="text" id="id_site" placeholder="nom-du-site" style="width: 245px; font-size: 16px;">
<div style="float: right; color: black; font-size: 16px; margin-top: 10px; margin-left: -6px">.domain.com</div>
</div>
<br>
<div class="spacing">
<a href="" id="envoyer" class="bouton">Envoyer</a>
以下是带有 Query Ajax 调用的 JavaScript 代码:
$("#envoyer").click(function (e) {
// checks user input:
nom = document.getElementById('id_nom');
email = document.getElementById('id_email');
site = document.getElementById('id_site');
$.ajax({
url: 'http://localhost/website/script.php',
dataType: 'jsonp',
data: {
nom: nom,
email: email,
site: site
},
success: function (json) {
DataSeries = json;
},
error: branchAjaxFailed
});
});
这是脚本.php(目前):
<?
if (isset($_GET["nom"])) $nom = $_GET["nom"];
if (isset($_GET["email"])) $email = $_GET["email"];
if (isset($_GET["site"])) $site = $_GET["site"];
?>
- Chrome 会无限期冻结。如果我在此 Ajax 调用之后添加调试中断,Chrome 永远不会在"检查元素"工具中到达那里。
- IE给了我一个"第2行的堆栈溢出"错误。
任何人都可以看到问题是什么?
我通常在处理 JSONP 时使用 JQuery getJSON,你们的服务器是否设置为处理 JSONP?例如,如果我调用Flickr API,我可能会有如下所示的内容(未经测试):
$.getJSON("http://api.flickr.com/services/rest/?jsoncallback=?",
{
tags : 'Apple',
tagmode : "any",
method : "flickr.photos.search",
},
function(data) {
$.each(data.photos.photo, function(i,item){
var src = "http://farm"+ item.farm +".static.flickr.com/"+ item.server +"/"+ item.id +"_"+ item.secret +"_m.jpg";
var image = $('<img class="flickr" alt="' + item.title + '" />');
image.load(function() {
$(this).animate({ 'opacity':1 }, { duration:300, queue:false });
});
$('#images').append($('<a href="'+srcLarge+'" rel="prettyPhoto[location]" />').append(image));
image.attr('src',src);
});
});
在尝试了几件事之后,我发现了"内疚"的部分:以下 html 代码导致了问题:
<a href="" id="envoyer" class="bouton">Envoyer</a>
删除 href 可以解决此问题:
<a id="envoyer" class="bouton">Envoyer</a>
相关文章:
- 是什么让一个“;Uncaught RangeError:超过了最大调用堆栈大小“;错误(Chrome,在其他浏览器中显示
- 使用(navigator.geolocation)检测浏览器功能错误
- Typescript导入导出的类会发出require(..),从而导致浏览器错误
- 为什么浏览器没有为语法错误抛出异常
- 浏览器错误的javascript浮点计算
- 谷歌浏览器错误
- jquery ajax 调用导致浏览器错误
- 抓取外部网站,但返回“您必须在此站点上使用支持 JavaScript 的浏览器”错误
- 谷歌浏览器错误地计算了元素的高度
- HTML5 音频元素 - 某些 Android 浏览器错误报告的曲目长度
- HTML5画布未更新:浏览器错误或我做错了什么
- 使用数据URI无法显示多个图像:静默浏览器错误
- document.write上的浏览器错误
- 谷歌浏览器错误与JavaScript
- 仅Chrome浏览器错误:XMLHttpRequest加载资源失败
- 如何从脚本访问浏览器错误信息
- ReferenceError在Google Chrome上,但在Firefox上没有(浏览器错误?)
- POST/Redirect引发“连接已重置”浏览器错误
- 节点.js浏览器错误无法获取/
- 浏览器错误"页面错误"-主要是IE,但页面渲染OK.适当的方法