柚子快報激活碼778899分享：java 神奇的Ajax

http://yzkb.51969.com/

前言：本章要講的內(nèi)容主要是——?實現(xiàn)搜索自動提示、實現(xiàn)無刷新的用戶登錄

Question One：為什么要使用Ajks呢？

無刷新：不刷新整個頁面，只刷新局部

無刷新的好處：1、 只更新部分頁面，有效利用帶寬

???????????????????????2、提供連續(xù)的用戶體驗

???????????????????3、提供類似C/S的交互效果，操作更方面

Question Two：什么是Ajax？

Ajax：只刷新局部頁面的技術(shù)

JavaScript：更新局部的網(wǎng)頁

XML：一般用于請求數(shù)據(jù)和響應數(shù)據(jù)的封裝

XMLHttpRequest對象：發(fā)送請求到服務(wù)器并獲得返回結(jié)果【Ajax技術(shù)的核心】

CSS：美化頁面樣式

異步：發(fā)送請求后不等返回結(jié)果，由回調(diào)函數(shù)處理結(jié)果

一、JavaScript對象XMLHttpRequest是整個Ajax技術(shù)的核心，它提供了異步發(fā)送請求的能力。

常用方法有：

方法名 說????明 open(method,URL,async)? 建立與服務(wù)器的連接 method參數(shù)指定請求的HTTP方法,典型的值是GET或POST URL參數(shù)指定請求的地址 async參數(shù)指定是否使用異步請求，其值為true或false send(content)? 發(fā)送請求 content參數(shù)指定請求的參數(shù)? setRequestHeader(header,value)? 設(shè)置請求的頭信息?

常用屬性有：

onreadystatechange：指定回調(diào)函數(shù)

readystate: XMLHttpRequest的狀態(tài)信息?

status：HTTP的狀態(tài)碼?

responseText：獲得響應的文本內(nèi)容

responseXML：獲得響應的XML文檔對象

代碼展示：login.jsp實現(xiàn)無刷新的用戶登錄 （代碼僅展示了登錄界面）

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

登錄頁面·

效果圖彈框展示： 此圖為遍歷的用戶集合

index.jsp?

IndexServlet.java

package com.china.servlet;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.alibaba.fastjson.JSON;

import com.china.dao.NewsDao;

import com.china.entity.News;

public class IndexServlet extends HttpServlet{

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

doGet(req, resp);

}

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

System.out.println("她來了");

String s = req.getParameter("str");

//判斷s是不是為null

if(s==null) {

s = "";

}

System.out.println("接收關(guān)鍵字:"+s);

ArrayList nlist = new NewsDao().getByLike(s);

//把集合轉(zhuǎn)換為字符串

String str = JSON.toJSONString(nlist);

//設(shè)置響應編碼

resp.setCharacterEncoding("utf-8");

//獲取響應的 輸出流

PrintWriter out = resp.getWriter();

out.print(str);

out.flush();

out.close();

}

}

效果圖：

?

綜上圖代碼和效果圖所示：

每輸入完一個關(guān)鍵字時，向服務(wù)器發(fā)送一個請求 服務(wù)器根據(jù)用戶輸入的關(guān)鍵字，從數(shù)據(jù)庫中搜索相關(guān)關(guān)鍵字信息，并返回到客戶端 在客戶端顯示提示信息 。

柚子快報激活碼778899分享：java 神奇的Ajax

http://yzkb.51969.com/

相關(guān)鏈接