Questions tagged «ajax»

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

8
history.replaceState()示例?
任何人都可以为history.replaceState提供一个有效的示例吗?这是w3.org所说的: history . replaceState(data, title [, url ] ) 更新会话历史记录中的当前条目,以具有给定的数据,标题和URL(如果提供,但不为null)。 更新: 这完美地工作: history.replaceState( {} , 'foo', '/foo' ); 网址正在更改,但标题未更改。那是一个错误还是我错过了什么?在最新的Chrome上进行了测试。
127 javascript  ajax  html 

3
如何使用Axios从表单发布文件
当我使用以下命令将文件发布到烧瓶服务器时,使用原始HTML可以从烧瓶请求全局访问文件: <form id="uploadForm" action='upload_file' role="form" method="post" enctype=multipart/form-data> <input type="file" id="file" name="file"> <input type=submit value=Upload> </form> 在烧瓶中: def post(self): if 'file' in request.files: .... 当我尝试对Axios执行相同操作时,烧瓶请求全局为空: <form id="uploadForm" enctype="multipart/form-data" v-on:change="uploadFile"> <input type="file" id="file" name="file"> </form> uploadFile: function (event) { const file = event.target.files[0] axios.post('upload_file', file, { headers: { 'Content-Type': 'multipart/form-data' } }) …

19
异步加载脚本
我正在使用JQuery的几个插件,自定义窗口小部件和其他一些库。结果,我有几个.js和.css文件。我需要为网站创建一个加载器,因为加载需要一些时间。如果可以在导入所有内容之前显示加载程序,那就太好了: <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/myFunctions.js"></script> <link type="text/css" href="css/main.css" rel="stylesheet" /> ... .... etc 我找到了一些教程,这些教程使我能够异步导入JavaScript库。例如,我可以做类似的事情: (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'js/jquery-ui-1.8.16.custom.min.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); 由于某种原因,当我对所有文件执行相同操作时,页面将无法正常工作。我已经尝试了很长时间,试图找到问题所在,但我只是找不到。首先,我认为这可能是因为某些javascript函数依赖于其他javascript函数。但是当我完成下一个任务时,我使用超时功能以正确的顺序加载了它们,然后继续执行下一个任务,页面仍然表现得很奇怪。例如,我无法单击链接等...动画仍然可以工作.. 无论如何 这就是我一直在想的...我认为浏览器具有缓存,这就是为什么第一次和第二次快速加载页面需要较长时间的原因。所以我想做的是用一个异步加载所有这些文件的页面替换index.html页面。当ajax完成加载后,所有这些文件都将重定向到我计划使用的页面。使用该页面时,加载时间不会太长,因为文件应该包含在浏览器的缓存中。在我的索引页面上(异步加载.js和.css文件的页面),我不在乎出现错误。我将只显示一个加载器,并在完成后重定向页面... 这个想法是一个好的选择吗?还是应该继续尝试实现异步方法? 编辑 我加载所有异步数据的方式如下: importScripts(); function importScripts() { //import: …


2
jQuery ajax函数中contentType和dataType之间的区别
我有以下Jquery回调函数,对此我有点怀疑(我不太了解Jquery): $("form.readXmlForm").submit(function() { // Riferimento all'elemento form che ha scatenato il submit var form = $(this); // Variabile che contiene il riferimento al bottone clickato var button = form.children(":first"); $.ajax({ // Viene eseguita la chiamata AJAX type: "POST", // Tipo di richiesta: POST // URL verso quale viene inviata la …
123 javascript  ajax  jquery 

4
从jquery $ .ajax到angular $ http
我有一段可以很好地跨源工作的jQuery代码: jQuery.ajax({ url: "http://example.appspot.com/rest/app", type: "POST", data: JSON.stringify({"foo":"bar"}), dataType: "json", contentType: "application/json; charset=utf-8", success: function (response) { console.log("success"); }, error: function (response) { console.log("failed"); } }); 现在,我试图将其转换为Angular.js代码,但没有成功: $http({ url: "http://example.appspot.com/rest/app", dataType: "json", method: "POST", data: JSON.stringify({"foo":"bar"}), headers: { "Content-Type": "application/json; charset=utf-8" } }).success(function(response){ $scope.response = response; }).error(function(error){ $scope.error = error; …


3
XMLHttpRequest中的onload是否等于readyState == 4?
正如我所知道的,我对xhr返回事件感到困惑,onreadystatechange-> readyState == 4与onload 之间并没有太大区别,这是真的吗? var xhr = new XMLHttpRequest(); xhr.open("Get", url, false); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { /* do some thing*/ } }; xhr.send(null); 要么 xhr.onload = function() { /* do something */ }


5
将ASP.NET MVC验证与jquery ajax一起使用?
我有这样简单的ASP.NET MVC操作: public ActionResult Edit(EditPostViewModel data) { } 该EditPostViewModel有这样的验证特性: [Display(Name = "...", Description = "...")] [StringLength(100, MinimumLength = 3, ErrorMessage = "...")] [Required()] public string Title { get; set; } 在视图中,我正在使用以下助手: @Html.LabelFor(Model => Model.EditPostViewModel.Title, true) @Html.TextBoxFor(Model => Model.EditPostViewModel.Title, new { @class = "tb1", @Style = "width:400px;" }) 如果我在将文本框置于验证中的表单上进行提交,则将首先在客户端上执行,然后在service(ModelState.IsValid)上完成。 现在我有几个问题: 可以将其与jQuery …

7
jQuery已弃用同步XMLHTTPRequest
像许多其他网站一样,我的网站使用的是jQuery。打开开发人员工具时,我看到一条警告,指出XMLHTTPRequest是 不推荐使用,因为它对最终用户的体验有不利影响。 我继续阅读了部分文档,但这是相当技术性的。有人可以用简单的术语解释从XMLHTTPRequest转换为WHATWG的后果吗?它说发生在2012年。 此外,该文档还说,正在从Web平台删除工作人员外部的Synchronous XMLHttpRequest,当发生这种情况时,如果用户代理将它们放在服务中,他们是否需要修改其现有代码?


6
使用jquery $ .ajax调用PHP函数
这可能是一个简单的答案,但是我正在使用jQuery的$ .ajax调用PHP脚本。我要做的基本上是将PHP脚本放入函数中,然后从javascript调用PHP函数。 <?php if(isset($_POST['something'] { //do something } ?> 对此 <?php function test() { if(isset($_POST['something'] { //do something. } } ?> 我如何在javascript中调用该函数?现在,我只是使用$ .ajax和列出的PHP文件。
118 php  jquery  ajax 

5
如何使用提取API发布表单数据?
我的代码: fetch("api/xxx", { body: new FormData(document.getElementById("form")), headers: { "Content-Type": "application/x-www-form-urlencoded", // "Content-Type": "multipart/form-data", }, method: "post", } 我尝试使用提取API发布表单,其发送的正文如下: -----------------------------114782935826962 Content-Disposition: form-data; name="email" test@example.com -----------------------------114782935826962 Content-Disposition: form-data; name="password" pw -----------------------------114782935826962-- (我不知道为什么每次发送时边界数字都会更改...) 我希望它使用“ Content-Type”:“ application / x-www-form-urlencoded”发送数据,我该怎么办?或者,如果我只需要处理它,如何在控制器中解码数据? 向谁回答我的问题,我知道我可以做到: fetch("api/xxx", { body: "email=test@example.com&password=pw", headers: { "Content-Type": "application/x-www-form-urlencoded", }, method: "post", } 我想要的是类似jQuery中的$(“#form”)。serialize()(不使用jQuery)或在控制器中解码mulitpart / …

6
如何使用Jasmine验证jQuery AJAX事件?
我正在尝试使用Jasmine为基本的jQuery AJAX请求编写一些BDD规范。我目前在独立模式下(即通过SpecRunner.html)使用Jasmine 。我已将SpecRunner配置为加载jquery和其他.js文件。有什么想法为什么以下无效?has_returned不会变为真的,甚至以为“ yuppi!” 警报显示正常。 describe("A jQuery ajax request should be able to fetch...", function() { it("an XML file from the filesystem", function() { $.ajax_get_xml_request = { has_returned : false }; // initiating the AJAX request $.ajax({ type: "GET", url: "addressbook_files/addressbookxml.xml", dataType: "xml", success: function(xml) { alert("yuppi!"); $.ajax_get_xml_request.has_returned = true; …
114 javascript  jquery  ajax  jasmine  bdd 

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.