AJAX с jsp и сервлетом

Question

У меня есть эта страница jsp с формой, то есть.

<form name="contact" action=""> 
      <fieldset> 
       <div id="res"></div> 
       <label for="name" id="name_label">Name</label> 
       <input type="text" name="name" id="name" size="30" value="" class="text-input" /> 
       <label class="error" for="name" id="name_error">This field is required.</label> 

       <label for="email" id="email_label">Return Email</label> 
       <input type="text" name="email" id="email" size="30" value="" class="text-input" /> 
       <label class="error" for="email" id="email_error">This field is required.</label> 

       <label for="phone" id="phone_label">Return Phone</label> 
       <input type="text" name="phone" id="phone" size="30" value="" class="text-input" /> 
       <label class="error" for="phone" id="phone_error">This field is required.</label> 

       <br /> 
       <input type="submit" name="submit" class="button" id="submit_btn" value="Send" /> 
      </fieldset> 
     </form> 
<div id="res"></div> 

и Ajax для кнопки

$.ajax({ 
        type: "POST", 
        url: "processServlet", 
        data: dataString, 
        success: function(data) { 
         $('#res').wrap(data); 
        } 
       }); 
       return false; 
      }); 

и в сервлет у меня есть строка, которая есть HTML-теги

String te="<div class=\"input-control text\" \n" + 
"           data-role=\"datepicker\" \n" + 
"           data-week-start=\"1\"\n" + 
    "           data-format='m/d/yyyy'\n" + 
"           data-effect='slide'>\n" + 
"          <input type=\"text\" placeholder=\"Date purchased\" 
      name=\"DATEPURCHASED\" id=\"DATEPURCHASED\">\n" + 
    "          <button class=\"btn-date\" disabled></button>\n" + 

"«;

 out.println(te); 

сервлет возвращает сборщик дат на страницу jsp. и когда datepicker отображается на странице jsp, datepicker, похоже, не работает? что я делаю неправильно? Мне нужно вернуть весь html-файл на страницу? похоже, что они не делят css и js главной страницы jsp.

Answer 1

$('#res').html(data) установит innerHTML из div в содержимое переменной data.

$('#res').wrap(data) пытается обернуть содержимое data вокруг div.

Если вы хотите, чтобы обернуть дивы вокруг всех параграфов, используйте .wrap()

$("p").wrap("<div></div>"); 

Если вы хотите, чтобы положить что-то в DIV, используйте .html()