ajax 和 jsp

jsp:

<jsp:include>动态包含,把显示的结果插入到当前页面显示

<jsp:forword page="WEB-INF/vip.jsp"></jsp:forword> 转发访问放在WEB-INF文件下的文件

jsp提供了9个隐式对象:request,response,out,session,application,config,pageContext,page和exception

request.setArribute("studentBean",bean)     //设置《键,值》

EL表达式 : ${studentBean.name}--------------->bean.getName();

判断标签<c:if  test="   ">  </c:if>         等效  if ();

<c: choose>

<c: when   test=" ">  </c: when >

<c: otherwise>     </c: otherwise>

</c: choose>           //等效于  if   else

AJAx:一种无需重新加载整个页面,局部刷新网页技术《异步》

ajax :创建一个XMLHttpRequest对象:用于后台与服务器交换数据

JS代码《前端》

$(function(){
    $("#userName").blur(function(){
        if($("#userName").val()!=""){
        $.ajax({
            type:"post",
            url:"UserNameServlet",
            data:{"checkName":$("#userName").val()},     //以键值对的方式传数据到后台 Servlet
            dataType:"json",
     回调函数     success:function(mydata){
//                alert(mydata.find);          //获取回调值mydata中数据:mydata.键《find》------>的值表示方法          该回调函数值mydata可以是JSON格式的:对象或者数组
//                console.log(mydata.find);
                if(mydata.find==1){
                    $("#nameSpan").html("用户已存在");
                    $("#userName").val("");
                }else{
                    $("#nameSpan").html("√用户可用");
                    $("#loginButton").click(function(){
                        location.href="index.jsp";
                        });
                    }
                }
            });
        }
    });

});

后台UserNameServlet处理《doPost()》

String userName=request.getParameter("checkName");
        System.out.println(userName);

        IUserServiceDao dao=new UserServiceImpl();
        boolean isFind=dao.cheakByUserName(userName);//业务层判断如果有这个名返回true,没有返回false
            PrintWriter out=response.getWriter();
  //方法一:返回一个json格式的字符串 Gson gson=new Gson; String json=gson.tojson(Object);out.print(Object)   object可以是数据或者对象
            int i=0;
            if(isFind){
                i=1;
                out.println("{\"find\":"+i+"}");       //方法二:返回一个json格式的字符串,json格式的字符串 ,键都是字符串类型,所以用拼接双引号
        }else{ 

          out.println("{\"find\":"+i+"}");         } //System.out.println(isFind);            }
时间: 2024-11-06 07:29:04

ajax 和 jsp的相关文章

纯Html+Ajax和JSP两者对比的个人理解

最近写个人web,用jsp+servlet做,突然想到一个问题:html+ajax似乎和jsp实现效果一样:那么,两者到底有什么区别呢? 这里参考老猿的一段话: 全站ajax会维护大量的js代码,如何管理好这些js需要考虑.js的技术选型也需要考虑.我当时是require+backbone+underscore+jquery等.效果上,页面流畅度不错,体验也不错.作为后端来说,只需提供数据接口,前端压力较大.前端没有什么规范可遵循. 传统后端渲染比较直接一点,大部分的框架都有现成的机制和规范,开

通过ajax从jsp页面传输数据到web层,并从web层返回数据给jsp页面

jsp中ajax代码: 1 $.ajax({ 2 var id = $("#studentid").val();//获取标签中的学生id 3 url:'${pageContext.request.contextPath}/student/stu_delStudent.action?studentid='+id, 4 data:'', 5 type:'POST', 6 dataType:'json', 7 async:false, 8 success:function(data){ 9

html+Ajax和JSP的比较

1.有人说JSP会泄露源码(可能会有一些代码痕迹,但肯定没啥大事)2.又说,Ajax是为了分离前后台,让控制部分在前台处理,降低代码耦合度,后台只相当于服务. 3.能够让前台移植,降低后期维护成本.纯用前端+ajax请求,后台随便改,不用通知前台,只需维护一个接口.4.还有的说,html在处理高并发时,速度要比JSP快(的确很有道理,毕竟不用重新生成HTML) 5.由于JSP生成的HTML速度慢,在高并发时,Apache会处理HTML部分的数据,分理出需要tomcat处理的数据,这样再用JSP生

Ajax+Servlet+jsp显示搜索效果

一.Ajax简介Ajax被认为是(Asynchronous JavaScript and XML)的缩写,允许浏览器与服务器通信而无需刷新当前的页面的技术都被叫做Ajax eg:百度搜索.实时地图.etc,在Ajax模型中,数据在客户端与服务器之间独立传输,服务器用不刷新整个页面便可更新数据: 二.Ajax的工作原理图 三.Ajax发送和接收相应的方法1.发送请求相应的方法1).onreadystatechange事件处理函数:该函数由服务器触发而不是用户,每次readyState属性的改变都会

AJAX和JSP混合使用

首先要知道AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. AJAX工作原理 AJAX请求 ajax请求是依靠XMLHttpRequest对象,因

纯Html+Ajax和JSP两者的优缺点

我对jsp和ajax 一直比较困惑, jsp动态网页技术,在服务器端执行,能在网页中显示数据这是一种方式 .另一种方式是我打开一个网页(html),加载完成之后,使用js,ajax访问网络得到json数据,使用js操作,在页面中追加元素,显示出来 .也行啊. 是不是说这种方式可以把jsp方式替代掉了?我想知道,一般是怎么使用这两种技术的.是都使用,还是说单独用一个.举例个例子第一种方式 :jsp初始化数据,ajax发送异步,进行刷新假设,我要显示新闻列表界面.http://localhost:8

利用ajax向jsp传输数据

ajax代码 var obtn=document.getElementsByTagName('input')[0]; obtn.onclick=function () { var xhr=null; try{ xhr=new XMLHttpRequest(); }catch(e){ xhr=new ActiveXObject("Microsoft.XMLHTTP"); } //第一种方法用get get 中由于要编码可以用encodeURI('刘伟')但是不知道为什么出来是问号就在后台

ajax 在 jsp中的应用

代码: html代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="styles/base.css"/> <link rel="stylesheet"

利用jquery.ajax在jsp页面动态生成table,可以增加修改,并支持一行和多行删除

声明:此为本人原创,只想实现功能,界面样式方面没多考虑,很粗糙能看懂就行--2018-5-14 动态生成table,我利用jsp内嵌java代码从后台获取对象集合,输出的时候有2中方法 1.直接利用java代码for(b1 b:bs)输出 2.利用JSTL标签库的c:foreach输出 不同之处在于,利用c:foreach输出要把获取的对象集合加入到request,然后用${}来读取,而for(b1 b:bs)可以直接输出. 第一种方法--for(b1 b:bs)输出<table id="