在第一部分完成ajax之后加载表单的第二部分

时间:2013-07-22 15:06:17

标签: java javascript ajax forms

我有两个表单作为两个页面,但我想将它们编译成一个页面。

第一个表单会创建一个唯一ID( sheet_ID ),然后下一个表单会引用 sheet_ID 。 一旦用户完成第一部分,我将如何仅在同一页面上显示第二个表单?

我会假设AJAX,任何指针?还是链接?我正在观看ajax上youtube上的新bostons视频。

2 个答案:

答案 0 :(得分:0)

我认为这就是你想要做的。

//1. first ajax request 
$.ajax({
  type: "GET",
  url: "htt://yourwebsite.com",
  success:function(result){
   //2. when data will arrive this method is executed with data in result argument.

   //do what ever with data.

   //3. make other ajax request.
      $.ajax({
             type: "GET",
              url: "htt://yourwebsite.com",
          success:function(result2){

               //4. final response.. will arrive here in result2
                }
            });

  }
});

有关Jquery AJAX的更多信息http://api.jquery.com/jQuery.ajax/

答案 1 :(得分:0)

我想使用jqueryUI,所以我使用jquery.load(); info

我认为你有第二种形式的div,如:

<div id="secondform"></div>

在包含ajax调用的第一个表单上创建一个提交函数,

$("#secondform").load("test.php", { 'choices[]': ["Jon", "Susan"] } );

此调用将执行db工作并返回第二个表单或错误消息