Question

这里有点棘手有没有办法可以将下面的两个脚本加入到一个中，这样当表单发布时，它实际上将两个不同的命名url加载到2个不同的命名div中

    <script type="text/javascript">
$(document).ready(function(){
$("#profile").validate({
     debug: false,
    submitHandler: function(form) {$.post('brides_Includes/edit-profile-top.php', $("#profile").serialize(), function(data) {
       $('#results').html(data);
        //This executes the JavaScript passed back by the ajax.
        $("#results").find("script").each(function(i) {
          eval($(this).text());
        });

        $("form#profile")[0].reset();
      });
    }
  });
});
</script>

<script type="text/javascript">
$(document).ready(function(){
$("#profile").validate({
     debug: false,
    submitHandler: function(form) {$.post('brides_Includes/welcome-menu.php', $("#profile").serialize(), function(data) {
       $('#mymenu').html(data);
        //This executes the JavaScript passed back by the ajax.
        $("#mymenu").find("script").each(function(i) {
          eval($(this).text());
        });

        $("form#profile")[0].reset();
      });
    }
  });
});
</script>

我不确定这是否可能，但如果是:)会很棒:) 非常感谢

Answer 1

只需将第二个submitHandler的内容放入第一个：

submitHandler: function(form) {
   var jqxhr1 = $.post('brides_Includes/edit-profile-top.php', $("#prof...
   function(data) {
       $('#results').html(data);
        //This executes the JavaScript passed back by the ajax.
        $("#results").find("script").each(function(i) {
          eval($(this).text());
        });
      });
    }
  var jqxhr2 = $.post('brides_Includes/welcome-menu.php', $("#pro...
  function(data) {
   $('#mymenu').html(data);
    //This executes the JavaScript passed back by the ajax.
    $("#mymenu").find("script").each(function(i) {
      eval($(this).text());
    });

  $.when(jqxhr1, jqhxr2).done(function() { $("#profile")[0].reset(); });
}

Answer 2

<script>
function ajax_loadpage(loadUrl,output_container)
    {
        $.post
        (
            loadUrl,
            {language: "php", version: 5},function(responseText){$(output_container).html(responseText);},"html"
        );
    }

ajax_loadpage("url1.php","#div1");
ajax_loadpage("url2.php","#div2");

</script>

第一个参数应该提供您要加载的URL，第二个参数将是您要加载它的元素的ID名称。

使用ajax提交表单并发布到页面

2 个答案: