document.createElement 내에서 HTML 양식 페이지로드하기

아래 편집 한 자바 스크립트 사이트의 예제 섹션이 있습니다. 이 섹션 안에 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

당신의 HTML을 얻을 수 jQuery.get()를 사용할 수

,196 : 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 함수이며

또 다른 옵션은 사용 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(); $ .get ("form1.html", function (data) { $ (".result") .html (data); }); // $ ('# stat_table'). 결과; }' – quantumspores

document.createElement 내에서 HTML 양식 페이지로드하기

답변

관련 문제