Tag: ajax

使用FormData ajax（）的几个输入jQuery文件上传失败: 编辑我试图通过jQuery / ajax（）发送几个输入值，其中包含一个文件，ajax（）似乎不能同时支持这两个。我发现FormData可以解决这个问题。使用jQuery ajax使用formData（） http://www.thefourtheye.in/2013/10/file-upload-with-jquery-and-ajax.html 上传文件和表单数据更新我不再有任何错误，但文件没有正确上传到MySQL DB / LongBlob columb。现在似乎在PHP文件中正确接收了它。 HTML JavaScript的 $(“.update”).click(function(){ $.ajax({ url: ‘catsel_change.php’, type: ‘POST’, contentType:false, processData: false, data: function(){ var data = new FormData(); data.append(‘picture’,$(‘#picture’).get(0).files[0]); data.append(‘city’ , $(‘#cityname’).val()); data.append(‘country’, $(‘#country’).val()); data.append(‘id’, $(‘#catselid’).val()); return data; }(), success: function(result) { alert(result); }, error: function(xhr, result, errorThrown){ alert(‘Request failed.’); } […]

通过AJAX将数据发送到$ _POST数组: 我开始通过按钮’submit’播放音乐，因此我的表单不会发送到全局数组$ _POST。怎么做？我应该使用AJAX吗？怎么样？音乐播放，但不发送表格:( Input $(document).ready(function() { $(‘.button’).click(function(event) { $(‘.chatMessage’).val(”); var audio = document.getElementById(‘audioFile’); audio.currentTime = 0; audio.play(); audio.loop = true; event.preventDefault(); }); }); $(“#form”).submit(function(event){ var $form = $(this); var $inputs = $form.find(“input, button, textarea”); var serializedData = $form.serialize(); $inputs.prop(“disabled”, true); $.ajax({ url: “/index.php”, type: “post”, data: serializedData }); }); 拜托，我需要你的答案！

在完全加载后使用.load查看php远程文件: 我正在使用一个简单的代码在容器中显示php文件而不使用.load加载页面，其中包含一个显示和隐藏加载动画图像的函数 .loadingbg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #84ffbf; display: none; } .loadingbg img{width: 60px; height: 60px; position: absolute; left: 48%; top: 48%;} $(document).on(‘click’,’a’,function (e) { $(“.loadingbg”).css(‘display’,’block’); e.preventDefault(); var url = $(this).attr(‘href’); $(‘#container’).load(url+ ‘#content’,function () { $(“.loadingbg”).css(‘display’,’none’); }); }); contact about index 所以，当我点击链接时，它会显示背景和小动画图像以加载其他页面而不更改url但它会快速获取文本内容并且loadingbg消失并开始在新网页中加载图像。我想要的是不要隐藏loadingbg，直到远程php文件完全加载包括图像。演示

在页面卸载时可靠地完成Ajax请求: 我有一个html / javascript应用程序。当用户刷新页面或关闭页面时，我需要发出ajax请求，然后关闭应用程序。我正在为此目的使用页面卸载事件。我叫window.onbeforeunload = beforeFunction; beforeFunction将发出ajax请求。但当我检查提琴手时，我没有看到ajax请求。但是，如果我调试应用程序并使用f10执行每一行，那么我在fiddler中看到ajax请求。多数民众赞成我的ajax请求是如何形成的： $.ajax({ url: url, type: “GET”, contentType: “application/json”, async: false, crossDomain: true, dataType: ‘jsonp’, success: function(json){ alert(“success: ” + json); }, error: function(xhr, statusText, err) { alert(“Error:” + xhr.status); } });

Jquery .Ajax（）返回错误0: 我在index.html中使用登录表单编写了javascript。当我提交时，我将Web服务远程调用到运行IIS7的服务器。当我在Dreamweaver中使用“Live Code”运行它时，我得到了回复，但是当我在常规浏览器中使用相同代码运行index.html时，我得到错误类型“0”。当我复制这些文件并将其托管在服务器上并将Web服务路径更改为localhost并使用broswer打开它时，会发生同样的事情。我怀疑它与类似的访问权限有关。这是代码，如果需要更多信息，请告诉我 $(“#ButtonLogin”).click(function (event) { $.ajax({ type: “POST”, url: serverPath + “/test.asmx/LogIN”, data: “{‘UserName’: ‘” + $(‘#TextBoxUsername’).val() + “‘, ‘pwd’: ‘” + $(‘#TextBoxPassword’).val() + “‘}”, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function (msg) { AjaxLogInSucceeded(msg);} , error: AjaxLogInFailed }); });

在AJAX请求之后再次运行jCarouselLite: 我正在使用jCarouselLite来显示一个post滚动条，它会加载特定类别的post。但是，我希望能够通过AJAX切换类别。所以，我在div中加载所有内容，然后运行： jQuery(function($) { $(“#serviceNews”).jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:2000, speed:1000 }); }）; 它起作用……直到ajax刷新#serviceNews的innerHTML。然后jCarouselLite停止工作。我尝试过使用livequery： jQuery(function($) { $(“#serviceNews”).livequery(function(){ $(this).jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:2000, speed:1000 }); }); }）; 但同样的事情发生了。我对jQuery不太熟悉，所以我可能错过了一些明显的东西。您可以在此处找到演示（横幅下方的中间列，滚动条下方的switchCategory按钮）。

保存并加载页面的ajax状态: 我正在使用Wordpress单页组合上的ajax加载function。原则是当您单击库中的缩略图时，它会打开一个容器（#DrawerContainer）并将此文章的ajax内容提取到其中。有很多帮助，我已经能够打开抽屉并在点击缩略图时加载post内容。如果你想看到它工作，这是一个小提琴（ajax不会加载，但它在本地工作）。 http://jsfiddle.net/RF6df/24/ 我正在处理的部分：我需要我的网站可以抓取，url可以共享。如果我将http://mywebsite.com/#!project5给某人，我需要在加载页面时打开project5内容。我认为hash-bang（＃！）url是实现这项工作的方法。使用下面的代码（在jsfiddle上评论），我可以更新url并添加点击的缩略图的哈希值。 var pathname = $(this).find(‘a’)[0].href.split(‘/’), l = pathname.length; pathname = pathname[l-1] || pathname[l-2]; window.location.hash = “#!” + pathname; 但是当我加载页面时，ajax状态不会被记住。我以为这是因为我的ajax容器只在click事件上加载，但是当我在php中添加一个持久容器时没有变化。有没有办法加载已经显示的post内容的页面，或者在页面加载hash-bang url时打开#DrawerContainer？请记住，我只是在学习jquery和ajax。所以，如果你解释或评论你做了什么，我真的很感激，我肯定会在同一时间学习…… 🙂

从AJAX请求中获取价值: 这曾经是我的代码： //At “click” I retrieve value from myFunctionA and use it in myFunctionB $(“#myButton”).click(function() { var response = myFunctionA(); if(response) myFunctionB(response); }); //Inside myFunctionA I perform an AJAX call (you will see it’s really and “SJAX”) function myFunctionA() { var response = myAjax(); return response; } //This is not really and AJAX because of the […]

Jquery错误：未捕获的TypeError：无法读取未定义的属性“长度”: 我有一个表单来调用ajax进行后端处理，所有输入都将存储在表中并返回’success’以通知用户提交成功。但是我在回调期间面临一个问题，输入数据可以保存到表中，但回调停止时出现错误，我不知道出了什么问题，同一个脚本被应用到另一个表单（具有不同的表单字段）工作正常。控制台日志 – Chrome： Uncaught TypeError: Cannot read property ‘length’ of undefined m.extend.each $.ajax.success j k.fireWith x b 火狐 TypeError: a is undefined …rCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e… firefox错误指向f=a 。脚本： $(document).ready(function() { $(“#status”).hide(); $(‘#btn_submit’).click(function(){ var params = $(‘#project_form’).serialize(); var btn = $(this); btn.button(‘loading’) $.ajax({ url: baseurl + ‘/process_form.php’, type: ‘POST’, data: params, dataType: ‘json’, success: function(response){ […]

使用AJAX返回PHPerror handling: 我有一个用PHP和AJAX驱动的页面，当用户提交我的一个表单时，我检查了getData.php脚本中的错误。这个例子是如果用户提交带有默认值的表单我想知道是否有办法传回这些错误或触发AJAX在用户提交时触发错误或者如果我需要在之前进行error handlingAJAX电话 $(‘form’).on(‘submit’, function (e) { e.preventDefault(); $.ajax({ type: ‘post’, url: ‘_ajax/addData.php’, data: $(‘form’).serialize(), success: function () { $(“input”).val(‘Info Here’); $(“form”).hide(); reloadInfo(); } }); }); PHP $info = $_POST[‘info’]; if($info != ‘Info Here’) { $conn = mysqli_connect(); $query = “INSERT INTO leads VALUES(0, ‘$companyName’, 1, NOW(), 3)”; $result = mysqli_query($conn, $query) or die (‘Error […]