草庐IT

tutor-ajax

全部标签

javascript - 如何在 ajax 调用后重新初始化 Owl Carousel?

我正在尝试在成功调用ajax后重新初始化Owl轮播。ajax调用将更改数据,但View应保持不变。我遇到一个问题,即View(轮播结构)不会重新初始化。页面加载时一切正常。我使用的是1.3.3版本$(document).ready(function(){$(".owl-carousel").owlCarousel({items:3});});Ajax调用$.ajax({type:'get',url:'/public/index',dataType:'script',data:data_send,success:function(data){$(".owl-carousel").owlC

javascript - 当状态改变时发送带有状态数据的 ajax 请求

我有一个React组件,我在其中使用了一个日期选择器。根据所选的Date值,我发送了一个ajax请求来获取数据。我没有使用任何框架,例如redux或flux。exportdefaultclassMyComponentextendsComponent{constructor(props){super(props);}componentDidMount(){//Initialfetchrequestbasedonthedefaultdate}onDateSelectionChanged(fromDate,toDate){this.setState({fromDate,toDate});}r

javascript - 如何使用 jQuery ajax 函数作为数据

为了减少重复的脚本,我创建了以下插件,只要data保持原样,它就可以工作。$.fn.myValid=function(rules,options){this.validate({rules:rules.rules,messages:rules.messages,submitHandler:function(form){varo=Object.assign({},{type:'POST',url:null,data:$(form).serializeArray(),dataType:'json',success:function(rsp){//Insteadofreloadingpage

javascript - 浏览器使用 AJAX + setInterval 不断占用内存

我需要用JavaScript在给定的时间间隔内更新大量数据。问题是,无论我使用什么JS库(甚至是最简单的js),所有浏览器似乎都会在每个AJAX请求上分配内存并且之后无法释放它。这是一个应该重现错误的示例:MemleakTestfunctionreadData(){$.getJSON('data.php');}$(document).ready(function(){setInterval(readData,1000);});jsbin提供了等效的测试页这里有更多的信息:我还尝试将readData()函数作为闭包直接放在setInterval()调用中。这似乎没有任何区别。我在这里使用

javascript - 如何通过 AJAX 调用触发浏览器的基本身份验证对话框?

我正在使用基本身份验证来保护仅在我们公司网络内部公开的一组WCFWeb服务,我想知道是否有一种方法可以在Web服务返回时触发浏览器的凭据对话框以从AJAX调用中显示出现401错误?目前,我的AJAX调用收到401作为常规失败请求,并且不会提示浏览器执行任何操作。但是,如果我采用相同的URI并将其复制粘贴到浏览器的URL栏中,则返回的401会正确触发基本身份验证对话框。有没有办法让AJAX回调告诉浏览器弹出那个对话框? 最佳答案 使用您的url动态创建一个iframe并附加到文档。它将触发身份验证表单。添加iframe的jQuery代

javascript - 通过 AJAX 发布空值

使用jQuery$.post函数,如果您发送一个null值,它作为"null"到达服务器端。示例:Javascript:$.post('test.php',{foo:null});PHP:var_dump($_POST['foo']);//string(4)"null"我明白为什么会这样,但想知道解决该限制的最佳方法吗?你应该:在发送之前循环遍历JS中的所有变量并替换为空字符串?在服务器端将“null”解释为null?根本不发送变量?还有别的吗? 最佳答案 我会把它编码成JSON。例如:$.ajax({url:'test.php',

javascript - jQuery 限制并发 AJAX 请求的数量

所以我有一系列我想触发的AJAX事件,但我想将同时请求的数量限制为5,并将其余的排队。因此,例如,我有以下内容:$("div.server").each(function(){$.ajax(....);});所以类server可能有100个div,但我想在任何给定时间只运行5个请求。一个请求完成后,它应该继续下一个。执行此操作的最佳方法是什么? 最佳答案 最好的方法是让浏览器处理它。通常浏览器已经有每个主机的连接限制,所以如果连接太多,它们会自动排队。但是,我会考虑更改API,以便它从多个元素获取日期并返回多个元素的数据-即减少必要

javascript - 跨源 Ajax 请求在 Opera 和 IE9 中不起作用?

我正在使用此页面-http://ecmazing.com/cors.html-对此资源发出跨域Ajax请求:http://hacheck.tel.fer.hr/xml.pl它适用于Chrome、Safari和Firefox,但不适用于IE9和Opera。代码:varpdata={'textarea':'test'};$.post('http://hacheck.tel.fer.hr/xml.pl',pdata,function(data,status,xhr){output.value=xhr.responseText;});(预期结果为XML代码字符串。)自己看看:http://ec

javascript - 在 Safari 10.13.4 中发送包含空文件输入的 FormData() 时 AJAX 请求失败

我正在运行一个基于Symfony2.8的网络应用程序,它使用Ajax将一些表单数据发送回Controller。到目前为止一切正常,但自从最新的macOS更新到版本10.13.4用户开始报告,在Safari中提交表单不再有效。其他macOS版本和10.13.4上的其他浏览器仍然可以正常工作,所以这似乎是Safari中的问题。当然,我向Apple提交了错误报告,但我不认为我会从那里得到反馈......我能够找出问题的根源:提交包含空文件输入的数据失败://safri_bug.htmlSubmit$(document).ready(function(){$('#bSubmit').click

javascript - 如何检索 jquery $.ajax 对象的 responseJSON 属性

这个问题在这里已经有了答案:HowdoIreturntheresponsefromanasynchronouscall?(45个答案)关闭7年前。我有这个javascript:$ajax=$.ajax({type:'GET',url:'DBConnect.php',data:'',dataType:'json',success:function(data){},error:function(xhr,ajaxOptions,thrownError){dir(thrownError);dir(xhr);dir(ajaxOptions);}});console.dir($ajax);cons