Jquery ajax异步提交

Ajax原生方法:

<script type="text/javascript">

    function delStudent(studentid){
     
        $.ajax({
            url:"/project/studentRpc/"+studentid+"/deleteStudentById.json",
            type:"get",
            dataType: 'json',
            success:function(data){
                var isDeleted= data.content.successed;
                alert(typeof isDeleted);

                if(isDeleted==true){
                    alert("删除成功");
                    window.location.reload();
                }
            }
        });
    }

</script>

dataType:'json' 设置返回值类型

contentType:"application/x-www-form-urlencoded"(默认值)

contentType参考文章:

http://blog.csdn.net/mhmyqn/article/details/25561535

页面采用回调函数function(data) 处理后台返回的结果

a标签onclick事件触发

<a  href ="javascript:void(0);" class="btn btn-default"  id ="add" onclick = "return addproduct(${s.id});">加入秒杀</a>

前台

function addproduct(id){
  var mprice=document.getElementById("mprice_"+id).value;
  var number=document.getElementById("number_"+id).value;
  var sid=document.getElementById("special.id").value;
  if (mprice==""){
   alert("请输入特价价格");
   return false;
  }else if (number==""){
   alert("请输入特价数量 ");
   return false;
 }else {
 
 //重点在这儿
 $.get("${ctx}/special/addProduct.action?specialVo.quantity="+number+"&specialVo.memberPrice="+mprice+"&specialVo.id="+id+"&special.id="+sid,
 function(data){
 
 if(data=="true"){
  alert("添加成功");
  window.location.reload(); 
  }
 })
 
  /* window.location.href="${ctx}/special/addProduct.action?specialVo.quantity="+number+"&specialVo.memberPrice="+mprice+"&specialVo.id="+id+"&special.id="+sid; */
  
 }
  
 }

后台

 public void addProduct(){
    PrintWriter out=null;
    try {
  System.out.println(specialVo.getQuantity());
     System.out.println(specialVo.getMemberPrice());
     System.out.println(specialVo.getId());
     System.out.println(special.getId());
          
    HttpServletResponse response=ServletActionContext.getResponse();
    out=response.getWriter();
    out.print(true);
    out.flush();
    out.close();
    
     
 } catch (Exception e) {
  e.printStackTrace();
  out.flush();
  out.close();
  out.println(0);
 }
      
   
   }

struts配置action无需result

<action name="addProduct" class="specialAction" method="addProduct" > </action>

方法有两种,一是返回无类型,即void类型,二是返回Action.NONE(String类型)当是这两种类型的时候,struts2就不会对result进行主动处理了

即我们只需要在action方法中,处理ajax调用,而返回void或者"none"就行了

参考文章:

http://bbs.csdn.net/topics/390470284

 

http://blog.csdn.net/xuzhuang2008/article/details/6928304

 

本文出自 “点滴积累” 博客,请务必保留此出处http://tianxingzhe.blog.51cto.com/3390077/1678174

时间: 2024-11-01 10:49:09

Jquery ajax异步提交的相关文章

Jquery.Form 异步提交表单的简单实例

 这篇文章主要介绍了Jquery.Form 异步提交表单的简单实例.需要的朋友可以过来参考下,希望对大家有所帮助 http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html#   1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记:    代码如下: <form id="myForm" method="post" action="/Home/AjaxFor

JQuery的异步提交方面的知识

问题描述 JQuery的异步提交方面的知识 本人新手,在JQuery异步提交这方面搞不懂,希望给位朋友看见后能帮忙解决我的问题,我主要想知道"异步提交"的用法,好处以及它是如何进行的,最好能有实例进行讲解. 谢谢咯 解决方案 首先学会google,我不想重复一篇几千字介绍文章的观点,只是把它再浓缩下: 异步最大的用处就是在页面不刷新的情况下提交数据和从服务器端获取数据,浏览器刷新页面通常需要几秒钟,在这个过程中,页面会显示为空白,然后再载入,而且无法准确还原之前显示的状态,比如浏览的位

Ajax异步提交数据返回值的换行问题实例分析_AJAX相关

本文实例分析了Ajax异步提交数据返回值的换行问题.分享给大家供大家参考,具体如下: 前面分析介绍了<Javascript基于AJAX回调函数传递参数>及<IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别>,学习了ajax回调函数传参与针对不同浏览器处理中文乱码问题的方法.这里就来分析一下ajax异步提交返回值中换行问题的处理技巧. 背景介绍: 需要实现的功能是:在下拉框中选择分类,提交到PHP根据选择的分类返回该分类下的成员名称,返回值各成员姓名以换行的形式显示到tex

使用ajax异步提交表单的几种方法总结_AJAX相关

这里介绍三种常用的提交方式 方式一 手工收集所有的用户输入,封装为大的"k1=v1&k2=v2-"键值对形式,使用$.post(url, data,fn)把数据提交给服务器 $.ajax({ type:'post', url:'Notice_noTipsNotice', data:'k1=v1&k2=v2...', cache:false, dataType:'json', success:function(data){ } }); 方式二 单序列化:$('#myfor

php+jquery Ajax异步上传图片(ajaxSubmit)实例

效果如下  代码如下 复制代码 index.php文件 php结合jquery异步上传图片(ajaxSubmit),以下为提交页面代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org

使用ajax异步提交表单的几种方法总结

这里介绍三种常用的提交方式 方式一 手工收集所有的用户输入,封装为大的"k1=v1&k2=v2-"键值对形式,使用$.post(url, data,fn)把数据提交给服务器 $.ajax({ type:'post', url:'Notice_noTipsNotice', data:'k1=v1&k2=v2...', cache:false, dataType:'json', success:function(data){ } }); 方式二 单序列化:$('#myfor

Ajax异步提交数据返回值的换行问题实例分析

本文实例分析了Ajax异步提交数据返回值的换行问题.分享给大家供大家参考,具体如下: 前面分析介绍了<Javascript基于AJAX回调函数传递参数>及<IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别>,学习了ajax回调函数传参与针对不同浏览器处理中文乱码问题的方法.这里就来分析一下ajax异步提交返回值中换行问题的处理技巧. 背景介绍: 需要实现的功能是:在下拉框中选择分类,提交到PHP根据选择的分类返回该分类下的成员名称,返回值各成员姓名以换行的形式显示到tex

上传-jQuery ajax form提交在IE8下不执行回调函数

问题描述 jQuery ajax form提交在IE8下不执行回调函数 // 上传文件function myUploadExcel(obj) {var options = { url : ""${ctx}/ins/pro/upLoadTempFile.do?filename=""+obj.value dataType : ""text"" beforeSubmit : function(formDatajqFormoption

python2.7+django1.2+sae博客评论的ajax异步提交

在开发博客系统或者是电商系统,总之,凡是带有回复.评论.回帖之类针对一个内容进行回复的功能的时候,现在几乎全部都是采用ajax异步提交,并且同步在正确的位置显示提交结果,而不是在提交之后重新刷新整个页面来显示提交之后的内容. ajax由于google的使用,被广为推广.它在客户端使用javascript语言编写,使用XMLHttpRequest对象,实现和服务的数据交互,详细信息参看:AJAX - XMLHttpRequest 对象. ajax提交或者获取数据,常用数据形式包括: 普通文本,自己