Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么jQuery Ajax post会清除所有使用load()的div?_Html_Jquery_Ajax_Post - Fatal编程技术网

Html 为什么jQuery Ajax post会清除所有使用load()的div?

Html 为什么jQuery Ajax post会清除所有使用load()的div?,html,jquery,ajax,post,Html,Jquery,Ajax,Post,我在使用$.ajax发布表单时遇到了一个问题。我的应用程序是一个ImageMap和表单原型。我有一个工作流程,可以将一个div中的图像从“图像地图”的单击加载到国家地图上的某个区域。这张图片是一个国家的图片,另一张图片地图可以点击地图上的某个区域。然后显示我的表单 所有这些操作都会在一页上以div的形式显示结果,并在该页周围隔开。我的问题是提交表格。它是一个简单的表单,目前只从数据库收集一条记录的数据,并填充一行进行选择性输入。这允许在服务器端收集数据。所有这些听起来都很正常 是的,这些都显示出

我在使用$.ajax发布表单时遇到了一个问题。我的应用程序是一个ImageMap和表单原型。我有一个工作流程,可以将一个div中的图像从“图像地图”的单击加载到国家地图上的某个区域。这张图片是一个国家的图片,另一张图片地图可以点击地图上的某个区域。然后显示我的表单

所有这些操作都会在一页上以div的形式显示结果,并在该页周围隔开。我的问题是提交表格。它是一个简单的表单,目前只从数据库收集一条记录的数据,并填充一行进行选择性输入。这允许在服务器端收集数据。所有这些听起来都很正常

是的,这些都显示出来了。当然,我在表单上有一篇$.ajax文章,所以在提交页面后,它不会在页面上刷新。而且很酷,它确实会将数据发布到我检查过输出的PHP页面?当它被提交时,先前加载的country div的内容被清除。任何在div中加载新页面或HTML的尝试都会失败

问题1 为什么表格的帖子同时清除了分区2和分区3?它应该只留下一篇Ajax文章吗?我是否需要做一些事情来保持页面内容像缓存一样

问题2 为什么我不能在Ajax表单post之后将数据加载到分区4和分区3?这是最麻烦的


我是这种jQuery编码的新手,所以我不知道我可能会无意中造成任何错误。

问题1:单击类型为“提交”的按钮将提交同步请求默认html行为,因此index.php将在表单提交后重新加载。提交前,将类型修改为“按钮”或添加event.preventDefault

$(".submitFlights").live('click', function(event) { event.preventDefault(); /// .... others });
问题2:与问题1相同问题1:单击类型为“提交”的按钮将提交同步请求默认html行为,因此index.php将在表单提交后重新加载。提交前,将类型修改为“按钮”或添加event.preventDefault

$(".submitFlights").live('click', function(event) { event.preventDefault(); /// .... others });
问题2:与问题1相同

您有我们都可以查看的测试页面吗?我想确定你的问题可能更容易。我的测试页面是。你有我们都可以看的测试页面吗?我想确定你的问题可能更容易。我的测试页面是。 $(".submitFlights").live('click', function(event) { event.preventDefault(); /// .... others });