Tag: ajax

jQuery：如何制作AJAX请求并继续而不等待请求完成？

我想在我的JavasSript函数“后台”中发出一个AJAX请求，但我的脚本在继续执行我的代码之前等待AJAX​​请求完成。 $(‘div’).hide(); $.get(‘/controller/action’, { id: ‘abc123’ }, function(data){ //request completed //now update the div with the new data $(‘div’).html(data); } ); $(‘div’).slideDown(‘slow’); //by now hopefully the div has been updated //and the user hasn’t waited too long 问题是slideDown动画等待执行，直到请求返回响应。 如何让动画与ajax请求同时执行？

WordPress中的AJAX导航 – 永久链接的麻烦

所以我在这里： 我编写了一个博客主题，它类似于桌面上有很多东西，可由用户拖动，移动元素等等。 博客的主要部分放在一本书中，您可以使用页面标记和翻页来浏览这些类别。 为了给用户提供他/她实际使用“书籍”的印象，我首先使用了复杂的结构（主要关注页面标记的位置）： 每个类别都使用自己的模板（category-4.php，category-5.php等） single.php导致对类别敏感的模板（共6个类别） 当我完成后，我发现图形元素导致的流量太多，因为每次点击都会重新加载，页面速度非常慢。 所以我想到了一个AJAX解决方案，最后使用了ezjax解决方案（http://www.fluidbyte.net/index.php?view=simple-ajax-content-changer-with-ezjax），它基本上是一个允许的脚本所有在index.php中某个div内具有某个类加载的href。 当链接的内容被加载到div中时，我保存了其他模板文件中的交互式背景的代码（以及这种方式的流量），这样就是流量。 您可以在此处查看正在运行的页面，了解导航的工作原理。 基本上这正是我想要的，但它仍然会导致一些麻烦： 作为单个post，类别的模板文件，例如不包含背景，你不能真正使用永久链接。 你实际上可以这样做，但它看起来像页面的一半（http://www.palimpsest.eu/2011/02/01/differenzierung/）。 访问者对内容的“正常”视图显然非常重要。 出于某种原因，一些需要与post的ID（如Sexybookmarks或Flattr）挂钩的插件不起作用。 我猜原因与1.问题有关。 现在这是我的方法，我想问你哪一个你认为最好采取（或者可能给出一些解决问题的其他方法的灵感）： 导致single.php询问您是否浏览内联或来自外部网站，然后导入两个不同的模板（一个简短的模板和一个包含所有图形内容的模板）。 在这种情况下，我不知道如何让single.php实现你即将到来的地方。 我想过使用AJAXed WordPress但我不确定它是否适合我的需求。 我也没有看到很多关于导航模块的文档。 任何其他不会刷新临时Internet文件中已有内容的方法。 我真的很感激能得到如何应对这个问题的建议。 最好的问候，劳拉

Javascript在初始页面加载时不加载

我有必须加载我的JavaScript的问题，当我第一次访问我的网站（PHP）（cookie清除），我点击链接（调用javascript方法），它不起作用，但是，如果我重新加载页面，然后单击链接，它工作（链接不刷新页面，但调用另一个PHP页面并在网站上进行更改）…我正在使用jquery 1.3.2，如果这有帮助 有人有解决方案吗？ 顺便说一下，我网站的链接是http://intellectuni.com 当你投票支持我所指的post时会出现问题 这是我在IE8上得到的错误消息：权限被拒绝行：20个字符：25383代码：0表示文件jquery-1.3.1.min.js 谢谢

ajax调用中的输入值不起作用

我正在进行一个小型的试错项目，它允许您在Instagram上搜索照片。 我找到了这个例子 ，它完美无缺。 不幸的是，在该示例中只能使用一个静态标记。 我想要做的是允许用户搜索标签。 然后将该输入值用作ajax调用中使用的标记。 不幸的是，这不起作用。 控制台或任何东西都没有错误。 只是没有回应。 jQuery的 // Search new tag $(“form#s-form > button”).click(function () { if (!$(“form#s-form > input”).val()) { // notice no value given } else { var tag = $(“form#s-form > input”).val(), // Here is the tag maxid = $(“#more”).data(“maxid”); // change the data-tag to the tag that is […]

Ajax分页后，Jquery事件无法正常工作

下面是我正在使用的代码，我一直在使用.mouseenter（function（）{没有问题…我一直在阅读当你使用.live（）时它将事件应用于现有的和新的dom元素但是有些原因现在这个函数根本不起作用，我的语法有问题吗？ $(document).ready(function(){ $(“div#rows div.row div:nth-child(1)”,this).nextUntil(‘nth-child(2)’).on(“mouseenter”, function() { $(‘img’,this).stop().animate({“bottom”:”0px”}, “fast”); }); $(‘div’,this).off(“mouseleave”).on(“mouseleave”, function() { $(‘img’,this).stop().animate({“bottom”:”94px”}, “fast”); }); }); $(document).ready(function(){ $(“div#rows div.row div:nth-child(3)”,this).nextUntil(‘nth-child(4)’).on(“mouseenter”, function() { $(‘img’,this).stop().animate({“bottom”:”0px”}, “fast”); }); $(‘div’,this).off(“mouseleave”).on(“mouseleave”, function() { $(‘img’,this).stop().animate({“bottom”:”99px”}, “fast”); }); }); 更新代码使用.on而不是.live …动画正在使用第一组post，但是ajax加载了分页的所有内容仍然没有触发事件… Salina Cruz | Mexico Lorem ipsum dolor May 13th, 2012 by admin Wakeboard Rails | Quick Silver Lorem ipsum dolor […]

如何在jquery AJAX函数中按顺序执行事件

我有这个function $.ajax({ type: ‘GET’, url: myurl, success: function (data) { $(‘#dialog-confirm’).html(data); $(‘#dialog-confirm’).dialog(‘open’); } }); 我希望第一个function在第一个function完成后执行。 我怎样才能做到这一点

在webservice运行时显示加载

在对页面的初始请求中，我触发Web服务并希望显示加载消息。 当页面加载完毕后，我想从屏幕上删除等待的消息，但是当复选框中的更改事件触发带有另一个加载消息的Ajax调用时，再次显示它。 此代码不符合给定的规范： $（文件）。就绪（ $（function（）{ $（ ‘＃loadingDiv’）隐藏（）。 $（ ‘＃productsDropDown’） .change（function（）{ var prodValue = $（this）.val（）; $（’＃proddate’）。load（’getpdate.php’，{prod：prodValue}）; }）; $（ ‘＃loadingDiv’） .ajaxStart（function（）{ $（本）.show（）; }） .ajaxStop（function（）{ $（本）.hide（）; }） ; }）; ）; 我究竟做错了什么？

Chrome扩展程序：如何将变量从内容脚本传递到background.html

我无法弄清楚如何将变量（或变量数组）从内容脚本传递到后台页面。 我想要做的是用我的内容脚本找到某些DOM元素，然后将它们发送到我的后台页面，这样我就可以用它们创建跨域XMLHttpRequest（将它们存储在不同站点的数据库中）。 我的代码如下。 我知道名为“serialize”的变量没有被传递（我不希望它基于我当前的代码但是在那里有它所以它更容易看到我想要做什么。）那么我怎么能通过一个从内容脚本到后台页面的变量？ 我的内容脚本： function onText(data) { alert(“Great Success!!”); }; $(“#insertprofile”).click(function(){ serialize = $(“.certaininputs”).serialize(); chrome.extension.sendRequest({‘action’ : ‘insertprofile’, ‘serialize’ : serialize}, onText); }); 我的背景页面： function insertprofile(serialize) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(data) { if (xhr.readyState == 4) { if (xhr.status == 200) { var data = JSON.parse(xhr.responseText); callback(data); } else { callback(null); […]

Zillow API错误：“没有’Access-Control-Allow-Origin’标题存在”

我试图从XML中提取一些Zillow数据但是在加载XML时遇到问题。 我的代码如下（我用URL中的API KEY替换了API密钥）： $.ajax({ url: “http://www.zillow.com/webservice/GetDeepSearchResults.htm?zws-id=API KEY&address=10608+floral+park+lane&citystatezip=20878”, dataType: ‘xml’, success: function(data){ console.log(data); } }); 但是，我收到以下错误： XMLHttpRequest无法加载http://www.zillow.com/webservice/GetDeepSearchResults.htm?zws-id=API KEY＆address = 10608 + floral + park + lane＆citystatezip = 20878。 请求的资源上不存在“Access-Control-Allow-Origin”标头。 因此，不允许来源“http：//网站域名”访问。 任何人都可以指出我正确的方向/告诉我究竟发生了什么？

发出加载脚本，除非存在alert（）

我在我创建的一个.js文件中运行所有jquery代码时遇到问题。 根据通过AJAX填充的列表，以下代码按英镑计算金属价格。 这段代码在我自己的服务器上运行正常，但是一旦我将它实现到我的客户端WordPress页面，它就会中断。 这是代码： $(document).ready(function(){ $.get(“wp-parse-list.php”,function(ajaxresult){ $(ajaxresult).insertAfter(“.purchase-calc-header”); }); }); $(document).ready(function(){ $(“.calc-input”).keyup(function() { var priceTexts = []; $(“.metalPrice”).each(function() { priceTexts.push($(this).text().replace(“$”, “”)); }); var ammountInd = []; var i = 0; $(“.calc-input”).each(function() { ammountInd.push($(this).val() * priceTexts[ i ]); i = i + 1; }); var total = 0; $.each(ammountInd,function() { total += this; }); var total = […]