Javascript 点击表单中的按钮后,通过Ajax追加html页面
我使用的是Jquery mobile框架,也是Jquery mobile中的新框架。我想通过Ajax附加一个html页面。首先,我采取一个按钮(检查)的形式,但每当点击这个按钮,然后页面附加,但布局将被破坏。我不知道如何在jquery mobile中通过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="
<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();