在document.createElement中加載HTML表單頁面

下面我有一個來自我一直在編輯的javascript網站的示例部分。我需要在本節中加載HTML表單。我如何嵌入一個HTML表單（../form.html）到這個？還是有更好的方式來創建使用JS的表單？在document.createElement中加載HTML表單頁面

this.display_admin_table_header = function() { 

    current_pane.send_get_admin_table_data = this.send_get_admin_table_data; 
    $('#admin_tab').addClass('selected'); 
    $('#stat_table').find('tr:gt(0)').remove(); 
    var test = $(document.createElement('p')); 
    test.append("test string test string test string" 
    ); 

    $('#stat_table').append(test); 
    }

HTML表單只是由像這樣的事情（沒有什麼花哨，但顯示在瀏覽器中找到自己：

<label class="description" for="element_1">Node </label> 
    <div> 
     <input id="element_1" name="element_1" class="element text medium" type="text" maxlength="255" value=""/> 
    </div> 
    </li>  <li id="li_2" > 
    <label class="description" for="element_2">Site-Bucket </label> 
    <div> 
     <input id="element_2" name="element_2" class="element text medium" type="text" maxlength="255" value=""/> 
    </div> 
    </li>

來源

2014-04-13 quantumspores

你可以使用jQuery.get（）來獲取從HTML HTML表單頁面

$.get("ajax/form-page.html", function(data) { 
    //here you have acess to the html form the form page 
    $(".result").html(data); 
    alert("Load was performed."); 
});

jQuery.get（）是一個速記的Ajax功能，這相當於：

$.ajax({ 
    url: url, 
    data: data, 
    success: success, 
    dataType: dataType 
});

另一種選擇是使用jquery's負載功能

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> 
    </script> 
    <script> 
    $(document).ready(function(){ 
     $("button").click(function(){ 
     $("#div2").load("form.html"); 
     }); 
    }); 
    </script> 
    </head> 
    <body> 

    <div id="div1"><h2>jQuery AJAX Load</h2></div> 
    <div id="div2"><h2>Let jQuery AJAX Change This Text</h2></div> 
    <button>Get External Content</button> 

    </body> 
    </html>

來源

2014-04-13 20:54:47

我試過不用彷徨功能。我可以看到正在調用和加載的文件，但沒有顯示任何內容。如果我只是在瀏覽器中加載表單頁面，它會顯示我創建的表單。 – quantumspores

你可以發佈你使用的代碼和jquery.get（）和/或HTML格式的HTML嗎？ –

'this.display_admin_table_header = function（）{ current_pane.send_get_admin_table_data = this.send_get_admin_table_data; $（'＃admin_tab'）。addClass（'selected'）; （'＃stat_table'）。find（'tr：gt（0）'）。remove（）; （「form1.html」，function（data）{（「.result」）.html（data）; }）; // $（'＃stat_table'）。result; }' – quantumspores

在document.createElement中加載HTML表單頁面

回答

相關問題