Tag: Ajax

如何删除或replaceSVG内容?

我有一段JavaScript代码,它创build(使用D3.js)包含图表的svg元素。 我想根据来自使用AJAX的Web服务的新数据更新图表,问题是每次点击更新button时,它会生成一个新的svg ,所以我想删除旧的或更新其内容。 这里是我创buildsvg的JavaScript函数的一个片段: var svg = d3.select("body") .append("svg") .attr("width", w) .attr("height", h); 如何删除旧的svg元素或至lessreplace其内容?

最大的GWT陷阱?

我在我们select使用GWT实现的项目的开始/中间。 有没有人在使用无法克服的GWT(和GWT-EXT)方面遇到任何重大缺陷? 从性能的angular度来看呢? 我们已经看到/听到的一些事情已经包括: Google无法索引内容 一般CSS和样式似乎有点片 寻找关于这些项目的任何额外的反馈。 谢谢!

Gzip的JavaScript实现

我正在编写一个Web应用程序,需要通过AJAX将JSON数据存储在小型,固定大小的服务器端caching中(请考虑: Opensocial配额 )。 我无法控制服务器。 我需要减less存储的数据的大小,以保持在服务器端的配额,并希望能够在浏览器中发送string化JSON之前发送到服务器。 但是,我无法findGzip的JavaScript实现方式。 任何build议如何在发送之前在客户端压缩数据?

如何取消/中止jQuery AJAX请求?

我有一个AJAX请求,将每5秒作出。 但是,如果前一个请求没有完成,问题出现在AJAX请求之前,我必须中止请求并发出新的请求。 我的代码是这样的,如何解决这个问题? $(document).ready( var fn = function(){ $.ajax({ url: 'ajax/progress.ftl', success: function(data) { //do something } }); }; var interval = setInterval(fn, 500); );

你可以调用ko.applyBindings绑定一个局部视图?

我使用KnockoutJS,并有一个主视图和视图模型。 我想要一个对话框(jQuery UI的一个)popup与另一个视图,一个单独的子视图模型将被绑定到。 对话框内容的HTML是使用AJAX检索的,所以我希望能够在请求完成后调用ko.applyBindings ,并且我想将子视图模型绑定到通过对话框div中的ajax加载的HTML部分。 这实际上是可能的,或者我需要加载所有的视图和查看模型,当页面最初加载,然后调用一次ko.applyBindings ?

window.onbeforeunload在Chrome中加载ajax请求

我有一个网页,通过Ajax处理机器的远程控制。 当用户离开页面时,我想自动从机器上断开连接。 所以这里是代码: window.onbeforeunload = function () { bas_disconnect_only(); } 断开连接function只是发送一个HTTP GET请求到一个PHP服务器端脚本,它实际上是断开连接的工作: function bas_disconnect_only () { var xhr = bas_send_request("req=10", function () { }); } 这在FireFox中工作正常。 但是使用Chrome,ajax请求根本不会被发送。 有一个不可接受的解决方法:向callback函数添加警报: function bas_disconnect_only () { var xhr = bas_send_request("req=10", function () { alert("You're been automatically disconnected."); }); } 在添加警报呼叫之后,请求将成功发送。 但是,正如你所看到的,这根本不是一个真正的工作。 有人可以告诉我,如果这是可以实现与铬? 我在做什么看起来完全合法。 谢谢,

Ajax成功事件不起作用

我有一个registry单,并使用$.ajax来提交。 这是我的AJAX请求: $(document).ready(function() { $("form#regist").submit(function() { var str = $("#regist").serialize(); $.ajax({ type: 'POST', url: 'submit1.php', data: $("#regist").serialize(), dataType: 'json', success: function() { $("#loading").append("<h2>you are here</h2>"); } }); return false; }); }); 在我的submit1.php文件中,我检查数据库中是否存在字段电子邮件地址和用户名 。 如果这些值不存在页面刷新,我希望显示一条错误消息。 我如何将这个添加到我的AJAX请求的成功callback?

使用jQuery从CKEditor的iframe中获取内容

我有一个使用CKEditor *(FCKEditor v3)编辑内容的定制CMS。 我也使用jQuery Validation插件在基于AJAX的提交之前检查所有字段是否有错误。 我使用serialize()函数将数据传递给PHP后端。 问题是,serialize会正确地抓取所有的字段,除了在CKEditor中input的实际内容。 像所有其他所见即所得的编辑器一样,这个编辑器也覆盖了现有文本框的iframe。 而序列化忽略了iframe,并只看到文本框的内容,当然,它没有find,从而返回一个空白的内容体。 我的方法是在CKEditor的onchange事件上创build一个钩子,并且同时更新文本框( CKEDITOR.instances.[textboxname].getData()返回内容)或其他一些隐藏的字段。 但是,由于CKEditor仍处于testing阶段,严重缺乏文档,所以我找不到合适的API调用,使我能够做到这一点。 有没有人有任何想法如何去做这个?

jQuery的Ajax请求被取消而不被发送

我正在尝试将脚本连接到微软的全球望远镜应用程序。 后者在端口5050上侦听命令。 它运行在浏览器的同一台机器上(Chrome现在,但据我所知,其行为与Firefox 7和IE 9相同)。 我正在发送一个“Access-Control-Allow-Origin:*”标题与原始的html文件,试图消除XSS限制作为我的问题。 我访问WWT的代码如下: $.ajax({ type: 'POST', url: url, data: data, crossDomain: true, success: success, dataType: dataType }); 在这种情况下,URL是“http://127.0.0.1:5050 / layerApi.aspx?cmd = new&…”(显然…在这里是一些附加参数的简写)。 在Chrome浏览器中查看networking诊断信息,我可以看到: Request URL:http://127.0.0.1:5050/layerApi.aspx?cmd=new&… Request Headersview source Accept:application/xml, text/xml, */*; q=0.01 Content-Type:application/x-www-form-urlencoded Origin:http://gwheeler4 Referer:http://gwheeler4/conceptconnect.html User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.835.186 Safari/535.1 请求正在出去 – 我看到WWT做了一个新层。 但是,我没有得到callback。 如果我添加一个被调用的错误callback,但jqXHR对象的错误属性只是“错误”,状态是0.如果我看在Chrome浏览器中的networking请求,我看到“(取消)”作为状态,没有回应。 […]

Ajax提交之前的jQuery表单validation

JavaScript位: $(document).ready(function() { $('#form').submit(function(e) { e.preventDefault(); var $form = $(this); // check if the input is valid if(! $form.valid()) return false; $.ajax( { type:'POST', url:'add.php', data:$('#form').serialize(), success:function(response) { $("#answers").html(response); } }); }) }); HTML位: <input type="text" name="answer[1]" class="required" /> <input type="text" name="answer[2]" class="required" /> 所以这是我正在尝试使用的代码。 这个想法是在我使用Ajax发送表单之前,让所有input得到validation。 我已经尝试了很多版本,但是每次我都提交了,即使表单没有完全填写。 我所有的input都是“必需”类。 任何人都可以看到我做错了什么? 另外,我依赖于基于类的需求,因为我的input名称是用php生成的,所以我永远无法确定我得到的是什么名字[id]或inputtypes。 当我在“页面”中浏览时,我会显示/隐藏问题。 <input type="button" id="next" onClick="toggleVisibility('form3')" […]