Jquery ajax异步提交

简介: Ajax原生方法:<script type="text/javascript">    function delStudent(studentid){             $.ajax({            url:"/project/studentRpc/"+studentid+"/deleteStudentById.json",            t


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

目录
相关文章
|
1月前
|
前端开发 JavaScript Java
使用Ajax进行异步交互:提升Java Web应用的用户体验
【4月更文挑战第3天】Ajax技术在Web开发中提升UX,通过与服务器异步交互实现页面局部更新,无需完整刷新。核心组件包括XMLHttpRequest、JavaScript、HTML/CSS及服务器端脚本。在Java Web应用中,可使用原生JavaScript或框架如jQuery、AngularJS实现Ajax请求。Ajax减少页面刷新,实现实时数据更新,即时表单验证和动态UI,显著改善用户体验,是现代Web开发不可或缺的一部分。
N..
|
2月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
20 1
|
4月前
|
前端开发 JavaScript API
Ajax技术的秘密揭秘:异步传输,高效交互
Ajax技术的秘密揭秘:异步传输,高效交互
|
10天前
|
XML JSON 前端开发
学习Ajax使用异步对象发送请求
Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种用于创建更好、更快以及交互性更强的Web应用程序的技术。
19 3
|
3月前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件
|
4月前
|
JSON 前端开发 JavaScript
探秘 AJAX:让网页变得更智能的异步技术(下)
探秘 AJAX:让网页变得更智能的异步技术(下)
探秘 AJAX:让网页变得更智能的异步技术(下)
|
4月前
|
XML 前端开发 JavaScript
探秘 AJAX:让网页变得更智能的异步技术(上)
探秘 AJAX:让网页变得更智能的异步技术(上)
探秘 AJAX:让网页变得更智能的异步技术(上)
|
4月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
16 0
|
4月前
|
JSON 缓存 前端开发
Jquery中AJAX的应用
Jquery中AJAX的应用
43 0
|
前端开发 JavaScript 数据格式
jquery ajax超时设置
jquery ajax超时设置 var ajaxTimeoutTest = $.ajax({   url:'', //请求的URL   timeout : 1000, //超时时间设置,单位毫秒   type : 'get', //请求方式,get或post   data :{}, //请求...
1582 0