求一个ajax提交form表单的例子
<formname="guestbook"method="POST"id="guestbook"action=""><dlclass="clearfix"><dt>您的姓...
<form name="guestbook" method="POST" id="guestbook" action="">
<dl class="clearfix">
<dt>您的姓名:</dt>
<dd><input name=" guest.g_name" type="text" /><span>*</span></dd>
<dt>地址:</dt>
<dd><input name="guest.g_add" type="text" /><span>*</span></dd>
<p><input type="submit" value="提交信息" onclick="check()" /></p>
<span id="Tip"></span>
</form>
比如有这样一个form表单,要让他实现ajax异步刷新,异步提交
谁能帮我写个例子能运行的,网上找了很多都不行所以来提问了,谢谢 展开
<dl class="clearfix">
<dt>您的姓名:</dt>
<dd><input name=" guest.g_name" type="text" /><span>*</span></dd>
<dt>地址:</dt>
<dd><input name="guest.g_add" type="text" /><span>*</span></dd>
<p><input type="submit" value="提交信息" onclick="check()" /></p>
<span id="Tip"></span>
</form>
比如有这样一个form表单,要让他实现ajax异步刷新,异步提交
谁能帮我写个例子能运行的,网上找了很多都不行所以来提问了,谢谢 展开
展开全部
用的jquery 你可以参考一下
var dayurl = "/stockPlanAction.do?method=doCheck";
var url = webPath + dayurl;
jQuery.ajax({
url : url,
type : "post",
dataType : "json",
data : {},
success : function(data) {
if (data.message != null) {
hideProgressBar(null);
if(confirm(data.message)){
startPD();
}
}
if(data.errorMessage != null){
hideProgressBar(null);
alert(data.errorMessage);
}
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
hideProgressBar(null);
alert("操作失败!");
}
});
strust
public void doCheck(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
//todo------
JSONObject jsonObject = new JSONObject();
response.setContentType("text/json");
response.setCharacterEncoding("UTF-8");
writer = response.getWriter();
jsonObject.put("message",result);
} catch(Exception e){
jsonObject.put("errorMessage", e.getMessage());
e.printStackTrace();
}finally {-----
}
var dayurl = "/stockPlanAction.do?method=doCheck";
var url = webPath + dayurl;
jQuery.ajax({
url : url,
type : "post",
dataType : "json",
data : {},
success : function(data) {
if (data.message != null) {
hideProgressBar(null);
if(confirm(data.message)){
startPD();
}
}
if(data.errorMessage != null){
hideProgressBar(null);
alert(data.errorMessage);
}
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
hideProgressBar(null);
alert("操作失败!");
}
});
strust
public void doCheck(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
//todo------
JSONObject jsonObject = new JSONObject();
response.setContentType("text/json");
response.setCharacterEncoding("UTF-8");
writer = response.getWriter();
jsonObject.put("message",result);
} catch(Exception e){
jsonObject.put("errorMessage", e.getMessage());
e.printStackTrace();
}finally {-----
}
追问
写完整点,writer = response.getWriter();
有什么用,jsonObject
有什么用,用Html行不行
追答
result输入的是中文,用response.getWriter()为了转化utf_8,不至于乱码, jsonObject.put("message",result) jsonobject是把result压入javascript的data.message,jsonObject.put("errorMessage", e.getMessage()) jsonobject是把e.getMessage()压入javascript的data.errorMessage。
上面就javascript脚本,后面是后台框架struts代码逻辑,html或者jsp调用javascript函数就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询