ホームページ >ウェブフロントエンド >htmlチュートリアル >AjaxAnyWhere は部分的なページのrefresh_html/css_WEB-ITnoseを実装します
jquery や単純な ajax と比較すると、これははるかに単純で非同期です。詳細については説明せず、コードを直接説明します。
導入する必要があります: ajaxanywhere-1.2.1.jar (最新) および /ajaxAnyWhereDemo/WebRoot/js/aa.js、無料ダウンロード アドレス http://download.csdn.net/detail/ xuke6677 /8064977
ディレクトリ構造は次のとおりです:
1 . ListBean.java エンティティ クラス2. AjaxAnyWhereTest. Java バックエンド サーブレット
<strong><span style="font-family:System;font-size:18px;">package org.ydd.test;public class ListBean { private String id; private String name; private String sex; private String work; private String address; //get(),set()…… 省略}</span></strong>
3、web.xml
<strong><span style="font-family:System;font-size:18px;">package org.ydd.test;import java.io.IOException;import java.util.ArrayList;import java.util.List;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class AjaxAnyWhereTest extends HttpServlet { private static final long serialVersionUID = -5750167075517567170L; List<ListBean> rs = new ArrayList<ListBean>(); @Override public void init() throws ServletException { ListBean userBean = new ListBean(); userBean.setId("1"); userBean.setName("张三"); userBean.setSex("123"); userBean.setWork("prom"); userBean.setAddress("fdsfsd"); rs.add(userBean); } public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { ListBean userBean = new ListBean(); String id= request.getParameter("id"); if(!"".equals(id) && id!=null){ userBean.setId(id); userBean.setName(request.getParameter("name")); userBean.setAddress(request.getParameter("address")); userBean.setSex(request.getParameter("sex")); userBean.setWork(request.getParameter("work")); rs.add(userBean); } if(rs.size()>0){ request.setAttribute("queryList", rs); } request.getRequestDispatcher("list.jsp").forward(request, response); }}</span></strong>
4、index。
5、 list.jsp
rr リー