Tag: ajax

如何使用Ajax将图像发送到PHP文件？: 我的问题是，是否可以使用ajax（jquery）将图像上传到服务器下面是我的ajax脚本，无需重新加载页面即可发送文本 $(function() { //this submits a form $(‘#post_submit’).click(function(event) { event.preventDefault(); var great_id = $(“#post_container_supreme:first”).attr(“class”); var poster = $(“#poster”).val() ; $.ajax({ type: “POST”, url: “my php file”, data: ‘poster=’+ poster + ‘&great_id=’ + great_id, beforeSend: function() { $(“#loader_ic”).show(); $(‘#loader_ic’).fadeIn(400).html(”).fadeIn(“slow”); }, success: function(data) { $(“#loader_ic”).hide(); $(“#new_post”).prepend(data); $(“#poster”).val(”); } }) }) }) 可以修改它来发送图像吗？

通过JQuery ajax.post向PHP提交JSON数据: 我使用POST通过AJAX将数据提交到php文件。它只需提交字符串就可以正常工作，但现在我想用JSON提交我的JS对象并在PHP端解码它。在控制台中，我可以看到，我的数据是正确提交的，但在PHP端，json_decode返回NULL。我尝试过以下方法： this.getAbsence = function() { alert(JSON.stringify(this)); jQuery.ajax({ type: “POST”, contentType: “application/json; charset=utf-8”, url: “ajax/selectSingle.php?m=getAbsence”, data: JSON.stringify(this), success : function(data){ alert(data); } }); } PHP： echo $_POST[‘data’]; echo json_decode($_POST[‘data’]); echo var_dump(json_decode($_POST[‘data’])); 和： this.getAbsence = function() { alert(JSON.stringify(this)); jQuery.ajax({ type: “POST”, contentType: “application/json; charset=utf-8”, url: “ajax/selectSingle.php?m=getAbsence”, data: {‘Absence’ : JSON.stringify(this)}, success : function(data){ alert(data); […]

使用JSON将嵌套对象发布到Spring MVC控制器: 我有一个控制器，POST处理程序定义如下： @RequestMapping(value=”/ajax/saveVendor.do”, method = RequestMethod.POST) public @ResponseBody AjaxResponse saveVendor( @Valid UIVendor vendor, BindingResult result, Locale currentLocale ) 当以JSON格式查看时，UIVendor对象如下所示： var vendor = { vendorId: 123, vendorName: “ABC Company”, emails : [ { emailAddress: “abc123@abc.com”, flags: 2 }, { emailAddress: “xyz@abc.com”, flags: 3 } ] } UIVendor bean有一个名为“Emails”的字段，类型为ArrayList，带有适当的setter和getter（getEmails / setEmails）。 NotificationEmail对象也具有适当的公共setter / getter。当我尝试使用以下代码发布对象时： $.post(“ajax/saveVendor.do”, $.param(vendor), saveEntityCallback, […]

如何使用JSP / Servlet和Ajax将文件上传到服务器？: 我正在创建一个JSP / Servlet Web应用程序，我想通过Ajax将文件上传到Servlet。我该怎么做呢？我正在使用jQuery。我做到目前为止：有了这个jQuery： $(document).on(“#upload-button”, “click”, function() { $.ajax({ type: “POST”, url: “/Upload”, async: true, data: $(“.upload-box”).serialize(), contentType: “multipart/form-data”, processData: false, success: function(msg) { alert(“File has been uploaded successfully”); }, error:function(msg) { $(“#upload-error”).html(“Couldn’t upload file”); } }); }); 但是，它似乎不发送文件内容。

如何让jQueryUI对话框动态加载内容: 我喜欢jQueryUI的对话框。但是，似乎没有办法动态加载内置内容。我想我必须使用其他一些方法来实现这一目标？ iframe会在内容可见时加载内容吗？这是正确的方法吗？如果它们更适合仅在首次打开时加载内容，我会对其他对话框机制开放。

如何将变量从JavaScript传递给PHP？: 我正在使用jQuery来计算价格。这是我的JavaScript的一小部分： // Prices: radio var curLam = “gloss”; $(“input[name=lamination]”).click(function(){ var gloss = 5; var matt = 6; if ($(this).val() == ‘gloss’ && curLam != ‘gloss’){ $(‘#prices span’).text(parseInt($(‘#prices span’).text()) + gloss – matt); curLam = ‘gloss’; console.log(‘1’); } if ($(this).val() == ‘matt’ && curLam != ‘matt’){ $(‘#prices span’).text(parseInt($(‘#prices span’).text()) – gloss + matt); curLam = […]

中止jQuery（）。load（）: jQuery库的.load()函数允许您有选择地从另一个页面加载元素（受某些规则约束）。我想知道是否可以中止加载过程。在我们的应用程序中，用户可以浏览项目列表。他们可能会选择单击一个按钮来加载并显示另一个文档中有关项目的其他信息（这可能需要一些时间）。如果他们在列表中选择了另一个项目，而.load()仍在发生，我希望中止加载。这可能吗？它甚至值得吗？有任何想法吗？担

链式选择框（国家，州，市）: 我有一个php页面，我想从国家，州和城市列表中选择一个位置。该页面包含用户注册的其他数据（名称，电子邮件等），所以当刷新选择框时，我不想刷新页面或任何内容。目前，每个选择框仅加载国家，州或城市的完整列表。我希望它们被链接，所以我没有重复的城市名称（不同州或国家的同名）。位置存储在数据库中，并在加载时传递给页面。然后将它们循环并添加到选择框中： Select State: Select a State or Province fetchObject()) { ?> <option value="id; ?>”>title; ?> 数据库结构非常简单： Country : | id | title | State : | id | title | country_id | City : | id | title | state_id | 我可以在.onChange（）语句中考虑逻辑，该语句应该清除链式选择框并添加新选项，但我对基于Web的语言非常新，我无法正常工作。下面是我的尝试，但我想我不能轻易地在js和php之间引用。注意：我知道这个片段非常糟糕并且包含错误。我的想法是有一个脚本函数，它执行以下操作：清除状态选择框中的所有选项（假设您已更改国家/地区选择）循环提供状态列表（控制器传递的SQL查询）在状态选择框中为每个具有与所选country_id匹配的“country_id”的条目添加选择选项如果可能的话，这将是太棒了。任何其他方法也会很好，但我尝试使用ajax和JSON方法，老实说我不理解它们。 […]

pdf文件上传ajax html: var file = $(‘#image’).prop(‘files’)[0]; var filename = $(‘#af_rpta_propertyland_filename’).val(); var form_data = new FormData(); form_data.append(‘file’, file); alert(form_data); $.ajax({ type: ‘POST’, url: ‘../include/upload.php’, //dataType: “json”, data: { file: form_data, filename: filename }, success: function(data) { console.log(data); for (var i = 0; i < data.length; i++) { console.log("file " + i + ": " + data[i].file); } }, […]

使用带有Ajax的MVC 4上传文件: 我正在使用MVC 4 + VS 2012 + Framework 4.5开发Web应用程序。我有三个部分视图，它们是基于用户操作在我的索引页面上动态呈现的。在三个局部视图中，一个局部视图具有上Upload Filefunction，其中包含一些输入字段，如文本框。问题：当用户单击保存按钮（存在于部分视图本身上）时。我想将输入字段保存到我的数据库中，并将上传的文件存储在共享文件夹中。我想使用Ajax实现这一点（上传文件并保存数据后，用户应该在同一视图上）。我该如何实现呢？ JQuery解决方案没问题。我已尝试使用@Ajax.BeginForm但在上传文件后，发生了完整的回发。