分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

Ajax

发布时间:2023-09-06 01:18责任编辑:傅花花关键词:Ajax
@WebServlet(urlPatterns = {"/FristServlet"},name = "first")public class FristServlet extends HttpServlet { ???protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { ???????String uname=request.getParameter("uname"); ???????if(uname.equals("admin")){ ???????????response.getWriter().write("true"); ???????}else{ ???????????response.getWriter().write("false"); ???????} ???} ???protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { ???????doPost(request,response); ???}}
servlet层
public class Book { ???private String name; ???public String getName() { ???????return name; ???} ???public void setName(String name) { ???????this.name = name; ???}}
entity层
<%@page language="java" pageEncoding="utf-8" isELIgnored="false" %><html><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script type="text/javascript"> ??$(function () { ?????$("[name=uname]").blur(function(){ ???????/*oldAjax();*/ ??????/* newAjax();*/ ??????//get ???????/* ?$.get(‘/FristServlet‘,{"uname":$("[name=uname]").val()},function (data) { ?????????????$("#msg").html(data); ?????????})*/ ?????????//post ????????/* $.post(‘/FristServlet‘,{"uname":$("[name=uname]").val()},function (data) { ?????????????$("#msg").html(data); ?????????})*/ ????????//getJSON ?????????$.getJSON(‘/FristServlet‘,{"uname":$("[name=uname]").val()},function (data) { ????????????alert(typeof data); ?????????????$("#msg").html(data); ?????????}) ??????}); ??????var userArray = [ { ??????????"id" : 2, ??????????"name" : "admin", ??????????"pwd" : "123" ??????}, { ??????????"id" : 3, ??????????"name" : "詹姆斯", ??????????"pwd" : "11111" ??????}, { ??????????"id" : 4, ??????????"name" : "梅西", ??????????"pwd" : "6666" ??????} ];//在table内部追加一行 ?tr ??????var $table = $("<table border=‘1‘></table>").append("<tr><td>ID</td><td>用户名</td><td>密码</td></tr>"); ??????$.each(userArray,function(i,dom) { ??????????$table.append("<tr><td>" + dom.id+ "</td><td>" + dom.name+ "</td><td>"+ dom.pwd + "</td></tr>"); ??????}); ??????$("#objectArrayDiv").append($table); ?????????});function newAjax() { ???$.ajax({ ???????url:"/FristServlet", ???????type:"POST", ???????data:{"uname":$("[name=uname]").val()}, ???????async:true, ???????success:function (data) { ???????????$("#msg").html(data); ???????} ???});}//基础版 ???function oldAjax() { ???????var xhr=null; ???????var as=$("[name=uname]").val(); ??????if(window.XMLHttpRequest){ ?????????xhr=new XMLHttpRequest(); ??????} else{ ??????????xhr=new ActiveXObject(); ??????} ??????xhr.open("post","/FristServlet",true); ??????xhr.setRequestHeader("Content-Type","application/x-www-from-urlencoded"); ??????xhr.send("uname="+as); ??????xhr.onreadystatechange=function () { ??????????if(xhr.readyState==4&&xhr.status==200){ ??????????????var data=xhr.responseText; ??????????????$("#msg").html(data); ??????????} ??????} ???}</script><body><h2>Hello World!</h2><form id="from1"> ???<input name="uname"/><span id="msg"></span> ???<input name="upwd"/></form><div id="objectArrayDiv"></div></body></html>
jsp页面

Ajax

原文地址:http://www.cnblogs.com/with-lj/p/7678716.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved