1、//初始载入
$(function(){
});
2、 //ajax异步请求
$.ajax({
url:'www.sina.com',
data:{a:'1'},
type:'post',
dataType:'json',
cache:false,
success:function(data){
alert(data);
},
error:function(data){
}
});
或者jquery.ajax({
...
}
);
-------------------------
3、AJAX Submit提交
需要引入jquery.form.js <script type="text/javascript" src="${root}/resources/js/jquery.form.js"></script>
$("#btn").click(function(){
alert(23);
$("#myconfigForm").ajaxSubmit(
{
url: '${root}/requestWap/wapCashBox/myCashBill',
type: "post",
dataType: "text/html",
success: function (data) {
alert(data);
},
error: function () {
alert("保存出错!");
return false;
}
});
alert(34);
});
<form id="myconfigForm">
<table>
<tr><td> 标题:<input type="text" name="title" /></td></tr>
<tr><td> 内容:<textarea name="content"></textarea></td></tr>
<tr><td> <input type="button" id="btn" value="提交"/></td></tr>
</table>
</form>
4、Spring @ResponseBody ajax返回值
@RequestMapping(value="/roleresourcedata")
public @ResponseBody String roleresourcedata(ModelMap model, HttpServletRequest request, HttpServletResponse response) throws Exception {
/* StringBuilder jsonObj= new StringBuilder();
jsonObj.append("[{").append("id:").append(1).append(",text:").append("角色授权").append("}]");
logger.info("strb.toString() ==" + jsonObj.toString());*/
net.sf.json.JSONObject jsonObj = new net.sf.json.JSONObject();
String result="1";
jsonObj.put("id", result);
return jsonObj.toString();
}
$(function(){
$.ajax({
type:"POST",
url:'${ctx}/manage/role/roleresourcedata',
async : false,
cache:false,
dataType:'json',
success:function(data){
var data=eval(data);
alert(data.id);
},errot:function(data){
alert(22);
}
});
});
-----注意:如果 dataType:'String', 则不需要eval(data)进行解析,直接输出。
相关推荐
ajaxForm异步提交表单(含图片)ajaxForm异步提交表单(含图片)ajaxForm异步提交表单(含图片)
ajax提交的jq版本,相当实用
Ajax存在问题就是在异步情况下无法控制什么时候完成记录显示,本人根据回调方法封装了个类,能够将回调方法用参数...ajaxSubmitToDivCallback(显示内容div,提交表单名称,回调方法)。 可以根据自己需要更改其逻辑。
使用jQuery.form插件,实现完美的表单异步提交
java中异步 提交表单请求Ajax形式
原生ajax代码实现异步提交,用传统的ajax实现异步提交判断用户名是否存在,详细和完整的步骤,可运行
完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <...
ajax无刷新表单提交 2;ajax的运行历程 最简单明了的实例,清晰的帮你弄清上述概念,运行简单,只需解压该包,然后Myeclipse中file - import - general - import existed project to workspace,即可调试运行 调试...
异步提交 表单的提交 可以实现无刷新页面提交
Ajax异步提交表单数据的说明及方法实例,需要的朋友可以参考一下
下面小编就为大家带来一篇纯javascript的ajax实现php异步提交表单的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
vs2013 利用Ajax+Jquery实现异步进度条效果
嵌入式liunx下,基于boa,cgi的ajax 表单异步提交demo。
单纯的ajax 异步提交共,直接调用就行了
vue1/2 ajax提交表单
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的; 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用...
利用jquery的ajax提交表单数据到后台。后台使用spring.
jQuery异步提交表单 gailan.apply(gailan, { selectPostFrom:function(){ var data = jQuery("#frmAppendix").formSerialize(); jQuery.ajax({ type:"POST", url:"./selectSubmit.jsp", data:data, success:...
里面有几个Ajax实例 自动完成功能和异步提交
ajax的异步提交语法格式说明 源代码截图