Questions tagged «ajax»

AJAX(异步JavaScript和XML)是一种用于创建交互式网站用户界面的技术,而无需传统的网页刷新或重新加载。它使用客户端和服务器之间的异步数据交换来更新显示的信息并无缝响应用户交互。包括用于编程语言,库,框架,Web浏览器,协议和其他环境信息的其他标签。

3
如何将json加载到我的angular.js ng模型中?
我有一个我认为可能是非常明显的问题,但是我在任何地方都找不到答案。 我只是想将一些JSON数据从服务器加载到客户端。现在,我正在使用JQuery通过AJAX调用(下面的代码)加载它。 <script type="text/javascript"> var global = new Array(); $.ajax({ url: "/json", success: function(reports){ global = reports; return global; } }); </script> 这位于html文件中。到目前为止,它仍然有效,但问题是我想使用AngularJS。现在,虽然Angular CAN使用变量,但是我无法将整个内容加载到变量中,因此我可以为每个循环使用a。这似乎与通常位于.js文件中的“ $ Scope”有关。 问题是我无法将其他页面的代码加载到.js文件中。每个Angular示例仅显示如下内容: function TodoCtrl($scope) { $scope.todos = [ {text:'learn angular', done:true}, {text:'build an angular app', done:false}]; 因此,如果IA)想要手动输入所有内容,并且B)如果我事先知道我的所有数据是什么,那么这将非常有用。 我事先不知道(数据是动态的),所以我不想键入它。 因此,当我尝试使用$ Resource将AJAX调用更改为Angular时,它似乎不起作用。也许我无法弄清楚,但这是一个相对简单的JSON数据GET请求。 tl:dr我无法使AJAX调用工作以将外部数据加载到角度模型中。

6
确定ajax调用是否由于响应不安全或连接被拒绝而失败
我一直在做很多研究,找不到解决这个问题的方法。我正在尝试执行从https服务器到运行带有自定义自签名证书的码头的locahost https服务器的jQuery ajax调用。我的问题是我无法确定响应是连接被拒绝还是响应不安全(由于缺少证书接受)。有没有办法确定两种情况之间的差异?的responseText,并且statusCode总是在这两种情况下是相同的,即使在Chrome控制台我可以看到一个区别: net::ERR_INSECURE_RESPONSE net::ERR_CONNECTION_REFUSED responseTextstatusCode对于这两种情况,始终为“”,始终为“ 0”。 我的问题是,如何确定jQuery ajax调用是由于ERR_INSECURE_RESPONSE还是由于失败ERR_CONNECTION_REFUSED? 一旦证书被接受,一切正常,但是我想知道本地主机服务器是否已关闭,或者它已启动并正在运行,但是证书尚未被接受。 $.ajax({ type: 'GET', url: "https://localhost/custom/server/", dataType: "json", async: true, success: function (response) { //do something }, error: function (xhr, textStatus, errorThrown) { console.log(xhr, textStatus, errorThrown); //always the same for refused and insecure responses. } }); 即使手动执行请求,我也会得到相同的结果: var request = new …
114 javascript  jquery  ajax  https 

6
失败后,为什么Internet Explorer在Ajax调用上不发送HTTP正文?
我们能够可靠地重新创建以下情况: 创建一个小的HTML页面,该页面向服务器发出AJAX请求(使用HTTP POST) 断开网络连接,然后重新连接 监视失败后IE生成的数据包 网络连接失败后,IE将发出下一个AJAX请求,但在执行HTTP发布时仅发送HTTP标头(而不是正文)。由于这只是部分请求,因此会在服务器上引起各种问题。Google与Bing有关此问题,您会发现很多人抱怨使用AJAX或“无法解释的AJAX故障”导致的“服务器随机错误”。 我们知道IE(与大多数其他浏览器不同)总是将HTTP POST作为两个TCP / IP数据包发送。标头和正文分别发送。在发生故障后,IE仅直接发送header。IE从不发送有效负载,服务器最终以超时响应。 所以我的问题是-为什么它会这样表现?基于HTTP规范,这似乎是错误的,其他浏览器却没有这种行为。这仅仅是一个错误吗?当然,这会在任何基于AJAX的严重Web应用程序中造成严重破坏。 参考信息: 还有一个类似的问题,是由少于1分钟的HTTP保持活动超时触发的,记录在这里: http://us.generation-nt.com/xmlhttprequest-post-sometimes-fails-when-server-using-keep-aliv-help-188813541.html http://support.microsoft.com/default.aspx?kbid=831167


7
Ajax,后退按钮和DOM更新
如果javascript修改了页面A中的DOM,则用户导航到页面B,然后单击返回按钮以返回到页面A。对页面A的DOM的所有修改都将丢失,并且向用户显示最初从服务器检索到的版本。 它可以在stackoverflow,reddit和许多其他流行的网站上以这种方式工作。(尝试向该问题添加测试评论,然后导航至其他页面并单击“返回”按钮以返回-您的评论将“消失”) 这很有道理,但是某些网站(apple.com,basecamphq.com等)以某种方式迫使浏览器向用户提供页面的最新状态。(转到http://www.apple.com/ca/search/?q=ipod,单击顶部的“说下载”链接,然后单击“后退”按钮-所有DOM更新将被保留) 不一致来自何处?
113 javascript  ajax  firefox 

4
如何定期触发AJAX请求?
<meta http-equiv="Refresh" Content="5"> 该脚本每5秒重新加载或刷新页面一次。但是我想使用jQuery和AJAX调用来做到这一点。可能吗?
113 jquery  ajax 

9
jQuery:serialize()表单和其他参数
是否可以通过单个AJAX请求发送表单元素(使用.serialize()方法序列化)和其他参数? 例: $.ajax({ type : 'POST', url : 'url', data : { $('#form').serialize(), par1 : 1, par2 : '2', par3: 232 } } 如果不是,将表单与其他参数一起提交的最佳方法是什么? 谢谢



8
jQuery:在ajax请求中出现“未捕获的TypeError:非法调用”-几个元素
我有两个选择元素,A和B:当A的选择的选项更改时,B的选项必须相应地更新。A中的每个元素都隐含着B中的许多元素,这是一对多的关系(A包含国家,B应该包含位于给定国家中的城市)。 该函数do_ajax应运行异步请求: function do_ajax(elem, mydata, filename) { $.ajax({ url: filename, context: elem, data: mydata, datatype: "html", success: function (data, textStatus, xhr) { elem.innerHTML = data; } }); } 为了更新B的选项,我在A的onChange事件中添加了一个函数调用。这A是触发onChange事件(of )时运行的函数: function my_onchange(e) // "e" is element "A" { var sel_B = ... ; // get select element "B" // I …
112 html  ajax  jquery 

13
Laravel CSRF令牌与Ajax POST请求不匹配
我正在尝试通过ajax从数据库中删除数据。 HTML: @foreach($a as $lis) //some code <a href="#" class="delteadd" id="{{$lis['id']}}">Delete</a> //click action perform on this link @endforeach 我的ajax代码: $('body').on('click', '.delteadd', function (e) { e.preventDefault(); //alert('am i here'); if (confirm('Are you sure you want to Delete Ad ?')) { var id = $(this).attr('id'); $.ajax({ method: "POST", url: "{{url()}}/delteadd", }).done(function( msg …
112 php  jquery  ajax  laravel 

5
IE中出现jQuery ajax调用时出现“无传输”错误
我需要使用foursquare API搜索场所。当然,它是跨域的。 它在Firefox中没有任何问题,但是在Internet Explorer中(我已经测试过7、8、9)。 我的JavaScript代码如下所示: searchVenues: function(searchQuery) { $.ajax({ url: 'https://api.foursquare.com/v2/venues/search', data: { sw: bound_south_west, ne: bound_north_east, query: searchQuery.query, oauth_token: FSQ_OAUTH_TOKEN, limit: 25, intent: 'browse', v: 20120206 }, cache: false, dataType: 'json', success: function(data) { displayResults(data, searchQuery.query); }, error: function(xhr, status, errorThrown) { console.log(errorThrown+'\n'+status+'\n'+xhr.statusText); } }); } 在Firefox中,它可以完美显示接收到的数据。在Internet Explorer中,它登录控制台: No …

3
如何拦截不同JS库发出的所有AJAX请求
我正在使用不同的JS库(AngularJS,OpenLayers等)构建一个Web应用程序,并且需要一种方法来拦截所有AJAX响应,以便在登录的用户会话过期(响应返回401 Unauthorized状态后)的情况下重定向他到登录页面。 我知道AngularJS提供interceptors了管理此类方案的方法,但是无法找到一种方法将这种注入OpenLayers请求中。因此,我选择了普通的JS方法。 在这里,我找到了这段代码... (function(open) { XMLHttpRequest.prototype.open = function(method, url, async, user, pass) { this.addEventListener("readystatechange", function() { console.log(this.readyState); // this one I changed }, false); open.call(this, method, url, async, user, pass); }; })(XMLHttpRequest.prototype.open); ...经过改编,看起来像预期的一样(仅在上一个Google Chrome上进行了测试)。 当它修改XMLHTTPRequest的原型时,我想知道这可能导致多么危险,或者是否会产生严重的性能问题。顺便说一句,还有其他有效的选择吗? 更新:如何在请求发送之前拦截请求 上一个技巧可以。但是,如果在同一场景中您想在发送请求之前注入一些标头,该怎么办?请执行下列操作: (function(send) { XMLHttpRequest.prototype.send = function(data) { // in this case I'm injecting …

2
为什么要创建异步WebAPI操作而不是同步操作?
我在创建的Web API中执行以下操作: // GET api/<controller> [HttpGet] [Route("pharmacies/{pharmacyId}/page/{page}/{filter?}")] public CartTotalsDTO GetProductsWithHistory(Guid pharmacyId, int page, string filter = null ,[FromUri] bool refresh = false) { return delegateHelper.GetProductsWithHistory(CustomerContext.Current.GetContactById(pharmacyId), refresh); } 通过以下方式通过Jquery Ajax调用完成对此Web服务的调用: $.ajax({ url: "/api/products/pharmacies/<%# Farmacia.PrimaryKeyId.Value.ToString() %>/page/" + vm.currentPage() + "/" + filter, type: "GET", dataType: "json", success: function (result) { vm.items([]); var …

7
React JS-未捕获的TypeError:this.props.data.map不是函数
我正在使用reactjs,并且在尝试显示JSON数据(来自文件或服务器)时似乎无法阻止此错误: Uncaught TypeError: this.props.data.map is not a function 我看了看: 反应代码抛出“ TypeError:this.props.data.map不是函数” React.js this.props.data.map()不是函数 这些都没有帮助我解决问题。页面加载后,我可以验证this.data.props是否未定义(并且确实具有与JSON对象等效的值-可以使用调用window.foo),因此当它被调用时,似乎没有及时加载对话列表。如何确保该map方法适用于JSON数据而不是undefined变量? var converter = new Showdown.converter(); var Conversation = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( <div className="conversation panel panel-default"> <div className="panel-heading"> <h3 className="panel-title"> {this.props.id} {this.props.last_message_snippet} {this.props.other_user_id} </h3> </div> <div className="panel-body"> <span dangerouslySetInnerHTML={{__html: rawMarkup}} …
109 javascript  ajax  json  reactjs 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.