Javascript jquery ajax调用导致浏览器错误
HTML代码:Javascript jquery ajax调用导致浏览器错误,javascript,jquery,ajax,Javascript,Jquery,Ajax,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; marg
<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>
下面是script.php(目前):
- 铬无限期冻结。如果我在这个Ajax调用之后添加了一个调试中断,Chrome永远不会在“inspect element”工具中出现
- IE给我一个“第2行堆栈溢出”错误
有人知道问题出在哪里吗?我在处理JSONP时通常使用JQuery getJSON,您的服务器是否设置为处理JSONP?例如,如果我调用Flickr API,我可能会有如下内容(未测试):
$.getJSON(“http://api.flickr.com/services/rest/?jsoncallback=?",
{
标签:“苹果”,
tagmode:“任何”,
方法:“flickr.photos.search”,
},
功能(数据){
$。每个(data.photos.photo,函数(i,项){
var src=”http://farm“+item.farm+”.static.flickr.com/“+item.server+”/“+item.id+”\u“+item.secret+”\u m.jpg”;
var image=$('').append(image));
image.attr('src',src);
});
});
在尝试了几件事情之后,我发现“有罪”部分:以下html代码导致了问题:
<a href="" id="envoyer" class="bouton">Envoyer</a>
删除href修复了该问题:
<a id="envoyer" class="bouton">Envoyer</a>
特使
在firebug中,有一个“网络”选项卡。展开您的XHR请求并查看响应中的内容。PHP脚本是否在不使用Ajax调用的情况下正常工作?@nmford是的,直接在浏览器中调用PHP脚本时,PHP脚本工作正常。您没有发布足够的代码。第二件事是删除
数据类型
参数并进行检查。我认为您的php没有以正确的格式发送响应。
$.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);
});
});
<a href="" id="envoyer" class="bouton">Envoyer</a>
<a id="envoyer" class="bouton">Envoyer</a>