jQuery的如何发布/ AJAX加载的load（）函数而无需刷新页面

Question

我决定要加载的网址与jQuery和AJAX的内容div的内容的页面上，是相当简单的使用.load做的（） ;

作品真的很好，是刺骨的地狱。现在我正在查看这些内容，并意识到它有多种形式，在提交时不会在我制作的内容div中提交。

我能想到简化这一过程的唯一方法是制定一个肮脏的伟大的大JS文件动态地处理每个表单提交。

考虑有在此应用程序我试图想提交表单，而不内容专区内重新加载页面的一个很好的方式有多种形式，但至少保持某种结构的文件后面。

任何建议将非常欢迎。

由于我在一个基层做什么的想法来看看下面的代码片段。

$(document).ready(function(){ 

    $('a').bind('click', function(e) {   
    $("#content").html('<img src="images/ajax-loader-small.gif">'); 
     var url = $(this).attr('href'); 
     $('#content').load(url); // load the html response into a DOM element 
     e.preventDefault(); // stop the browser from following the link  
    }); 

}); 

Answer 1

$.ajax(), $.post(), $.get(), $.postJSON(), $getJSON() 

是在这种情况下，我认为你的友好功能。 什么你基本上会做的是创建一个点击功能为您的表单现有的提交按钮..

$('#mysubmitbutton').live('click', function(e) 
{ 
    e.preventDefault(); 
    $.post('url/to/post/data', $('#form').serialize(), function(data) 
    { 
     alert('post made'); 
    }, 'json'); 
}); 

现在当然，如果你想让它，比如它得到了更多细致的东西，如果我的领域是空白的，什么如果PHP的错误，如果一切都好，我想现在发送到一个新的页面或清除字段等等。所有这些都是可能的与这些功能，但涵盖一切将需要很长时间，这个概念只是为了给你一个大门，我们总是乐意在这里进一步帮助你，当你从上面的列表/示例中遇到与选择功能有关的任何问题时。