0

我决定使用 jQuery 和 ajax 将 url 的内容加载到内容 div 中，使用 .load() 非常简单；

效果非常好，而且非常糟糕。现在，我正在查看此内容并意识到它有许多表单，这些表单在提交时不会在我制作的内容 div 中提交。

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

考虑到这个应用程序中有很多表单，我正在尝试一种很好的方式来提交表单，而无需在内容 div 中重新加载页面，但至少要为其后面的文件保留某种结构。

任何建议都将受到热烈欢迎。

作为我在基本级别上所做的事情的想法，请查看下面的代码片段。

$(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       
    }); 

});
4

1 回答 1

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 错误怎么办，如果一切正常，我现在想将其发送到新页面或清除字段怎么办，等等.. 所有这些功能都可以通过这些功能实现，但要涵盖所有内容需要很长时间，这个概念只是为了让您走出大门，当您遇到任何问题时，我们总是很乐意在这里为您提供进一步帮助上述列表/示例中选择的功能存在问题。

于 2012-08-06T19:26:13.357 回答