zoukankan      html  css  js  c++  java
  • 通过ajax和jQurey实现局部刷新

    1、jQurey使用时需导入jquery-1.4.2.js在web文件夹下

    并在写script时需像如下定义script标签:

    <script src="js/jquery-1.4.2.js" type="text/javascript"></script>

    2、jQurey的语法:通过$(要选取的元素)

    定义响应ajax的Servlet

    String buttonName=request.getParameter("buttonName");
            JSONObject jsObject =null;        //定义一个要返回的的数据
            if (buttonName.equals("button_1")){
                jsObject=new JSONObject("{first:"傻子",second:"傻子",third:"傻子"}"); //以键值对方式存储
    
            }
            if (buttonName.equals("button_2")){
                jsObject=new JSONObject("{first:"傻女",second:"傻女",third:"傻女"}");
    
            }
            if (buttonName.equals("button_3")){
                jsObject=new JSONObject("{first:"傻佬",second:"傻佬",third:"傻佬"}");
    
            }
            response.getOutputStream().write(jsObject.toString().getBytes("utf-8"));  //通过respon.getOutputStream获取输出流 将数据传回jsp页面
        }

    ajax使用形式如下:

    $.ajax({
           url:"/AJAX_war_exploded/ClickServlet", //定义需转到的Servlet
           type:"post",                //定义提交的形式
           data:{                   //定义要传递的数据,以键值对形式存储
             buttonName:"button_2"
           },                     //每个ajax都会让Servlet回传一个数据
           dataType:"json",             //定义回传数据的类型
           success:function(result){       //ajax收到回传的数据是会触发的事件success
             var first=result.first;
             var second=result.second;
             var third=result.third;
             $(".first")[0].innerHTML=first;    //该形式使用了jQuery获取html元素
             $(".second")[0].innerHTML=second;
             $(".third")[0].innerHTML=third;
           }
         })
       })
  • 相关阅读:
    关于 广义相对论 引力红移 的 一个 疑问
    随便 说说 非欧几何
    收录 几篇 关于 电磁波 麦克斯韦方程 的 文章
    从 广义相对论 看到 “数学陷阱”
    对 广义相对论 的 评价
    收录 几篇 关于 广义相对论 水星进动 的 文章
    关于 1 和 0.999999……
    我对 量子力学 提出了一个 修正,名为 “K氏修正”
    随便记录点 在 贴吧 里 讨论 广义相对论 的 想法
    C#程序员初学Python
  • 原文地址:https://www.cnblogs.com/shouyaya/p/12041589.html
Copyright © 2011-2022 走看看