Javascript 点击表单中的按钮后,通过Ajax追加html页面

Javascript 点击表单中的按钮后,通过Ajax追加html页面,javascript,java,jquery,ajax,jquery-mobile,Javascript,Java,Jquery,Ajax,Jquery Mobile,我使用的是Jquery mobile框架,也是Jquery mobile中的新框架。我想通过Ajax附加一个html页面。首先,我采取一个按钮(检查)的形式,但每当点击这个按钮,然后页面附加,但布局将被破坏。我不知道如何在jquery mobile中通过ajax附加HTML页面 提示的屏幕截图: 此页面在单击检查按钮之前: 点击检查按钮后: HTML代码: <form id="checkPinCode1" method="get" data-uri="<c:url value="

我使用的是Jquery mobile框架,也是Jquery mobile中的新框架。我想通过Ajax附加一个html页面。首先,我采取一个按钮(检查)的形式,但每当点击这个按钮,然后页面附加,但布局将被破坏。我不知道如何在jquery mobile中通过ajax附加HTML页面

提示的屏幕截图:

  • 此页面在单击检查按钮之前:

  • 点击检查按钮后:

  • HTML代码:

     <form id="checkPinCode1" method="get" data-uri="<c:url value="/pincode-available/${product.productId}/${product.productOfCityId}"/>" data-ajax="false"> 
            <div  style="margin-bottom: 20px; width: 80%;">
                <input name="pinCode" type="number"   class="form-control pinCode" placeholder=" Enter pincode here..">   
            </div>
            <div  style="margin-bottom: 20px; width:40%;">
                <button class="btn btn-primary" type="submit" value="Check">Check</button>
            </div>
    </form>
    
    
    <div id="showPincodeAvailablity"> 
    <%--APPEND PAGE HERE--%>
    </div>
    
    JAVA代码:

       @RequestMapping(value = "/pincode-available/{productId}/{productOfCityId}", method = {RequestMethod.GET})
            @ResponseBody
        <%--- CODE LINE 1--%>
     <%--- CODE LINE 2--%>
     <%--- CODE LINE .....--%>
         resp.put("success", "true");
                    resp.put("html", html);
    
                }
    
    @RequestMapping(value=“/pincode-available/{productId}/{productOfCityId}”,method={RequestMethod.GET})
    @应答器
    分别出售(“成功”、“真实”);
    分别输入(“html”,html);
    }
    
    首先,我键入pin码并单击check按钮,然后单击check按钮控制转到控制器并进入ajax,然后通过id=showPincodeAvailability追加页面。和页面附加,但页面布局是不正确的方式来。给我一些实现这个解决方案的想法

    尝试更改此行

    $("#showPincodeAvailablity").html(response.html); 
    
    对此

    $("#showPincodeAvailablity").html(response.html).enhanceWithin();
    

    它应该附加在表单中,对吗?它是附加的。但是布局不太合适。如果你能提供一把同样的小提琴就好了。这是不可能的。但是如果你有任何想法,请添加页面,然后告诉我。在单击表单按钮之后,您是否可以为append页面创建JSFIDLE。创建JSFIDLE对于我们调试您的代码非常有用
    $("#showPincodeAvailablity").html(response.html).enhanceWithin();