jQuery Load和Ajax表单不能协同工作
jQuery Load和Ajax表单是两种常用的前端技术，它们可以在网页中实现异步加载数据和提交表单数据的功能。然而，它们在某些情况下可能无法协同工作，具体原因如下：
- 加载方式不同：jQuery Load是通过GET请求从服务器加载指定的HTML内容，并将其插入到指定的DOM元素中。而Ajax表单则是通过POST或GET请求将表单数据发送到服务器，并根据服务器的响应进行相应的处理。
- 数据处理方式不同：jQuery Load主要用于加载静态的HTML内容，而Ajax表单主要用于提交表单数据并获取服务器的响应。它们的数据处理方式和目的不同，因此在使用时需要注意区分。
尽管jQuery Load和Ajax表单有一些差异，但在某些情况下它们仍然可以协同工作。例如，可以使用jQuery Load加载一个包含Ajax表单的HTML页面，并在页面加载完成后使用Ajax表单提交数据。这样可以实现在页面加载完成后动态加载表单，并通过表单提交数据到服务器。
总结起来，jQuery Load和Ajax表单是两种常用的前端技术，它们在加载方式和数据处理方式上存在差异，因此在使用时需要注意区分。尽管它们在某些情况下可能无法完全协同工作，但可以通过合理的设计和使用方式来实现它们的协同工作。
相关·内容
1回答
窗体的Rails - jQuery UI对话框？
jquery、ruby-on-rails、forms、modal-dialog
我有一个' items‘控制器和一个'new’方法来创建不同类型的项目。我希望在jQuery UI对话框窗口中显示该表单。我今晚开始尝试，并能够获得一个对话框，并与表单一起出现：
$("#load_form")
.load('/items/new', {item_type: '#item_type_select'})
.dialog({modal:true, width:'auto', height:'auto'});
现在，表单是strickly HTTP (form_for)。当UI对话
浏览 4提问于2011-02-28得票数 4
回答已采纳
1回答
如何在从对话框窗口成功提交表单之后更新前端内容？
jquery、ruby-on-rails、ruby、jquery-ui、modal-dialog
我使用Rails 3.2.2和jQuery 2.0.2GEM(包括jQuery UI)。我有一个窗口，当我点击前端内容中的“新评论”链接时，该窗口是打开的。当对话框窗口打开时，将对my控制器操作执行AJAX请求，使其呈现并用HTML表单“填充”模态窗口主体内容。
我想要实现我的观点，以便在表单成功提交后，前端内容以这种方式改变:触发器链接文本将表单“新注释”更改为“编辑注释”。
我怎么能做到呢？你有什么建议？
注意:表单是通过执行AJAX请求依次提交的。
浏览 3提问于2012-09-12得票数 3
回答已采纳
2回答
如何使用jquery添加加载图片？
jquery、ajax
我想在窗体/服务器完成重新加载之前添加加载或微调消息如何检查并知道窗体已完成加载以禁用微调消息？
注意:表单提交后，只有在服务器重新启动时，更新的数据才可用。只有表单标题可见，而重新启动和更改才会更新。目前，我正在手动刷新页面，直到表单再次可用。
下面是我的html和jquery代码片段以及加载代码。我的加载代码不工作。
消息加载代码
$(document).ready(function() {
$('<div id="loading">Loading...</div>')
.
浏览 3提问于2012-11-16得票数 0
2回答
如何提交表单，然后重定向为提交
javascript、html
我有一个普通的表单，用户输入数据，尽管表单页面"submit.php“实际上需要大约6秒来完成表单请求。在JavaScript中有任何方法在用户提交表单后重定向吗？
我需要这样的东西，虽然这不起作用，因为页面正在从提交表单的过程中加载( JavaScript在页面加载时不处理，但是，我需要它在页面加载时处理)。
HTML：
<form>
<input type='text' id='resizer' name=\"ucode\" placeholder='username'>
<
浏览 4提问于2013-11-29得票数 0
回答已采纳
1回答
:remote => true/data-通过ajax加载的表单上的远程
ruby-on-rails-3、jquery、unobtrusive-javascript
在我的Rails应用程序中，我使用jQuery加载方法通过Ajax加载了一个表单。
function load_sales_form(product_id) {
$("#sales_form").load("<%= url_for(:action => :show_sales_form) %>"/ + product_id);
}
加载的表单有一个带有data-remote="true"：remote => true选项的form_for标记，并且它确实向表单添加了属性。
但是，当用户单击submit标记按钮时，表
浏览 1提问于2012-11-07得票数 4
1回答
嵌套Ajax调用的问题
javascript、jquery、ajax
我有一系列嵌套的Ajax调用来创建数据并将其更新到数据库中，并在成功提交数据后调用更新后的列表。
这就是代码的工作方式：
(1)呈现页面时会显示事务列表，用户可以编辑每一行。
(2)单击特定行时，我运行Ajax调用来检索填充了要更新的数据的表单
(3)然后通过Ajax提交表单。
(4)如果提交成功，则执行另一个Ajax调用以更新表。
第一个问题:当通过Ajax加载表时，“编辑”按钮不再工作了。第二个问题:显示给更新和创建的表单是相同的，除非更新表单是预先填充的。我想避免重复Ajax调用，但我必须这样做，否则在从第一个Ajax调用(pt 1)加载表单之后，我无法提交表单。有没有办法做一个更干净的
浏览 2提问于2022-02-13得票数 0
回答已采纳
4回答
jQuery无法对动态加载的内容使用$.ajax
jquery、jquery-load
我正在处理一个启用了AJAX的登录表单。当用户点击链接时，会出现一个浮动模式的登录框。登录框的内容是使用jQuery的$().load函数从另一个页面加载的。单击链接时，将加载Login Box。但是，当我在该表单上实现AJAX提交时：
$(document).ready(function(){
$("form#loginbox").submit(function(e){ e.preventDefault(); /*AJAX function here*/ });
});
但是表单是正常提交的，没有遵循函数中给出的内容，即(防止默认提交并使用AJAX )。那么，这是否意
浏览 0提问于2012-03-23得票数 0
回答已采纳
6回答
当Javascript被禁用时，AJAX应用程序应该如何表现--这是一种常见做法？
javascript、ajax
我正在开发非常基本的web应用程序，这主要是为了在开发过程中学习jQuery/ajax/php (并从中获得一些乐趣)。我想让用户尽可能地访问它，所以它应该与Javascript禁用，验证到AAA和所有这些。禁用JS当然会没有所有的花哨，但仍然可以做这项工作。
我想很好地利用Ajax，但我不完全理解当JS关闭时我应该如何处理。
假设JS处于打开状态，用户提交表单，单击submit按钮，然后通过ajax将数据提交给register.php (register.php在表单操作属性中指定)。register.php返回数据，jQuery显示相应的消息。所有这些都不需要重新加载页面。
现在，如果禁用
浏览 0提问于2009-12-10得票数 5
回答已采纳
2回答
JQuery移动和提交Ajax表单
ruby-on-rails、ruby-on-rails-3、jquery-mobile
我添加了Jquery mobile，它在我的html页面上工作得很好，但是现在我想提交一个ajax表单，那么我该怎么做呢？
如果我提交ajax表单，那么它将接受html请求并得到错误:缺少部分
有没有办法在jquery mobile中提交ajax表单？
提前感谢
浏览 1提问于2014-05-26得票数 0
1回答
检索页面加载中元素的值，供JQuery函数使用
javascript、jquery、ajax、onload
我正在尝试编写一个函数，在更新名字字段和姓氏字段时更新表单的URL片段字段。但只有当子弹在页面加载时是空的。
当对姓/名字段进行任何更改时，我已经成功地获得了弹格的更新。我只是不太清楚如何将更新限制在这样的情况下:首先，段塞字段的值是空的。
我遇到的一个问题是，表单是通过AJAX加载的，所以如果我在页面加载上测试段塞字段的长度，它将始终是空的。
我怎么编辑这个有什么想法吗？
var FirstName = jQuery('input#FirstName').attr('value').replace(/[^\w]/gi, '');
var Las
浏览 3提问于2012-12-31得票数 1
回答已采纳
5回答
在$.load()之后执行$(document).ready()，这是可能的还是有其他选择
javascript、jquery、ajax
我有一个带有表单和表格的页面(用来显示使用表单保存的数据的结果)。
表单使用ajax提交数据，保存的数据和表应该在之后重新加载。
问题是表(使用AJAX($.load)加载)是在执行$(document).ready()之后加载的。这意味着该表不具有所需的功能。
有没有什么方法可以推迟$(document).ready()的执行，直到AJAX完成加载，或者我应该使用一种完全不同的方法，比如使用iframe？
下面是我的问题的一个例子：
$(document).ready(function(){
//some code here that needed for the html in
浏览 0提问于2011-12-08得票数 1
1回答
表单提交前的jQuery load()
jquery、ajax、load
在提交表单时，我尝试使用load()来运行PHP脚本，将数据添加到数据库中，然后在完成时提交表单。但是，如果表单提交的是true，数据就不会添加到我的数据库中，但如果返回false，则会添加到数据库中。这基本上就是我所看到的：
if(//form not empty){
$j('#allset').load(url, function(){
return true;
});
} else {
return false;
}
我不知道这是否重要，但我尝试提交的表单是paypal表单。
有人知道我能做些什么来解决这个问题吗？谢谢!
浏览 0提问于2011-04-16得票数 0
回答已采纳
2回答
Jquery Ajax加载方法
jquery、ajax
所有，请原谅我，我是jquery的新手，我发现在.I中没有这个api的更多细节。这是我从它得到了什么，我有一些关于it.please审查它的问题。
这个api包括使用这些方法进行ajax调用。
$('#result').load('ajax/test.html'); //ajax加载一个html文件，它使用Get方法。
$('#result').load('ajax/test.html .someclass'); //ajax从html文件加载所选内容。
$('#result').load('a
浏览 0提问于2013-03-03得票数 1
回答已采纳
2回答
在jQuery AJAX中设置超时功能时出现问题
jquery、ajax、timeout
我有一个加载表单的jQuery超文本标记语言页面。
表单有一系列设置，但最终表单是使用post命令(见下文)提交的，该命令返回一个由服务器上运行的脚本构建的HTML页面。
除非脚本运行时间超过5分钟，否则这种方法可以正常工作。post命令不返回任何内容。
我尝试在高级页面中使用timeout命令，如下所示：
$.ajaxSetup({ cache: false, timeout: 18000000 }) ;
但这似乎并不管用。有没有人有建议？
下面是post命令：
$.post('/cgi-bin/tw_lookup_3.cgi', lookupData, function(d
浏览 2提问于2009-04-27得票数 0
4回答
如何在$_POST提交表单数据时使用$.ajax从同一页面获取表单数据
php、jquery、ajax
我有index.php页面，在那个页面中，有一个表单。在表单中，我有一个文本字段，我希望在该_POST页面中使用$ index.php检索该值。
问题是我在index.php中使用JQUERY。我也有$.ajax函数。$.ajax函数是将数据传递给另一个PHP页面。如果在$.ajax函数中返回false，表单将不会提交。
因此，我无法使用$_POST检索该值。如果在$.ajax函数中不返回false，则可以在该index.php中使用$_POST检索表单值。但是，$.ajax函数不能工作。如何使$.ajax函数和$_POST同时工作以从该index.php中的文本字段中获得值。
提前谢谢。
浏览 8提问于2013-01-23得票数 1
2回答
单击行为- IE和FF中的差异？
jquery、internet-explorer、firefox、click、behavior
我刚刚得出的结论是，我目前正在处理的一个项目可能在功能上存在“逻辑”错误。
目前我正在使用服务器技术与PHP/MySQL和JQuery。在页面中有一个普通的带有标签的链接引用
<a href="contentpage?page=xxx">next step</a>
现在的痛点似乎是在同一元素上给定的jquery click事件。其意图是使用php session命令通过另一个php脚本保存页面的(当前)内容(->表单元素)。无论出于什么原因，IE都可以在执行标准html命令之前处理Jquery的click事件，该命令使用新的页面参数重新加载当前页面
浏览 0提问于2010-03-29得票数 1
2回答
Ajax自动提交和刷新页面
jquery、html、ajax、thymeleaf
所以，我对ajax很陌生，我试图使用ajax和jquery提交表单，我认为我已经完全理解了服务器端的逻辑，因为当我加载页面时，它会自动提交，页面刷新的速度非常快。空白表单进入数据库，尽管其中有很多，因为页面不断提交每一次刷新。因此，我认为我的服务器端正在工作，但我不知道要做的不仅仅是阻止它刷新，而且使用我在html表单中的submit按钮提交。我在我的html页面里用的是晶闸管。
这是我的html表单，使用了thymeleaf
<div id="newCommentForm">
<fieldset>
<di
浏览 4提问于2015-11-20得票数 0
3回答
jquery:在表单提交/页面重新加载后隐藏/显示某些内容
jquery、html
在我的页面上，加载页面时，表单的默认值是.hide()。这两个表单是帐户创建和登录。一旦用户单击适当的链接(.show())，它们就会显示给用户。
显然，如果两个表单都失败了，我希望表单保持打开状态，而不是在页面加载提交后隐藏起来。
现在，表单正在使用简单的html表单发布来访问数据库。有没有更好的方法用jquery来做这件事，因为jquery并不太复杂？(我还是个新手，但还在学习)
谢谢
浏览 6提问于2009-03-06得票数 2
回答已采纳
5回答
ajax表单在提交前如何验证？
javascript、php、jquery、ajax、forms
我正在做ajax跨域请求到我的服务器上的php页面。我张贴表单从html通过ajax到我的服务器上的php页面。在客户端验证时遇到问题。
在发送表单之前，我不知道如何在客户端进行验证。
html表单是标准表单，张贴输入字段:姓名、姓氏、消息...我的html表单，客户端：
<script type="text/javascript">
var output = $('.nesa');
$(document).ready(function(){
$("#form1").submit(function (e
浏览 1提问于2014-09-27得票数 1
1回答
在编解码器jquery + ajax书签函数中停止页面加载
jquery、jquery-ui、codeigniter、codeigniter-2
我正在编写书签函数(codeigniter、jquery、ajax)。下面是表单和jQuery代码的HTML。
，下面是正在发生的事情：
表单是向数据库提交数据--页面正在重新加载--如果使用e.preventDefault()或返回false，则不会获得成功警告，该页面不会重新加载并获得成功警报，但传递给数据库的数据为0。<>F 211</code>
HTML表单
<?php echo form_open('bookmarks/addBookmark'); ?>
<?php echo form_hidden('bookn
浏览 2提问于2012-05-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
