完成异步ajax文本请求,ajax实例及实现文本框异步搜素

倩倩爸爸

于 2021-08-05 21:53:02 发布

阅读量427

点赞数

文章标签：完成异步ajax文本请求

search.jsp(WebContent/jsp/search.jsp)

pageEncoding="UTF-8"%>

/***单机文本框时检查文本框的值***/

function changeValue(){

var tab = document.getElementById("tabId");

var inputStr = document.getElementById("inputStr");

var inputValue = inputStr.value;

if(inputStr.value==null || inputStr.value==""){

tab.style.display='none';

}else{

ajax(inputValue);

tab.style.display='table';

}

/***当按下或释放键时检查文本框的值***/

function checkField(obj){

var tab = document.getElementById("tabId");

var inputStr = document.getElementById("inputStr");

var inputValue = inputStr.value;

if(obj==null || obj==""){

tab.style.display='none';

}else{

tab.style.display='table';

ajax(inputValue);

}

/***单机td时给文本框赋值***/

function display(obj){

var tab = document.getElementById("tabId");

document.getElementById("inputStr").value=obj.innerHTML;

tab.style.display='none';

}

/***onmouseover事件给文本框赋值***/

function setInputValue(obj){

var tab = document.getElementById("tabId");

document.getElementById("inputStr").value=obj.innerHTML;

}

function ajax(param) {

//先声明一个异步请求对象

var xmlHttpReg = null;

if (window.ActiveXObject) {//如果是IE

xmlHttpReg = new ActiveXObject("Microsoft.XMLHTTP");

} else if (window.XMLHttpRequest) {

xmlHttpReg = new XMLHttpRequest(); //实例化一个xmlHttpReg

}

//如果实例化成功,就调用open()方法,就开始准备向服务器发送请求

if (xmlHttpReg != null) {

xmlHttpReg.open("post", "/Test/SearchServlet?param="+param, true);

xmlHttpReg.send(null);

xmlHttpReg.onreadystatechange = doResult; //设置回调函数

}

//回调函数

//一旦readyState的值改变,将会调用这个函数,readyState=4表示完成相应

//设定函数doResult()

function doResult() {

if (xmlHttpReg.readyState == 4) {//4代表执行完成

if (xmlHttpReg.status == 200) {//200代表执行成功

var resultValue = xmlHttpReg.responseText;

if(resultValue!=null){

document.getElementById("tabId").innerHTML=resultValue;

}

SearchServlet(com.test.srevlet.SearchServlet)

package com.test.srevlet;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

@WebServlet("/SearchServlet")

public class SearchServlet extends HttpServlet {

private static final long serialVersionUID = 1L;

public SearchServlet() {

super();

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doPost(request, response);

}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

String param = request.getParameter("param");

StringBuffer returnStr = new StringBuffer();

String[] strs = null;

if(param.endsWith("aa")){

strs=new String[]{"a","aa","aaa","aaaa"};

for (int i = 0; i < strs.length; i++) {

returnStr.append("

");

returnStr.append(strs[i]);

returnStr.append("

");

}

}else if(param.endsWith("aas")){

strs=new String[]{"sas","saas","saaas","saaaas"};

for (int i = 0; i < strs.length; i++) {

returnStr.append("

");

returnStr.append(strs[i]);

returnStr.append("

");

}

}else if(param.endsWith("aass")){

strs=new String[]{"f","faa","faaa","faaaa"};

for (int i = 0; i < strs.length; i++) {

returnStr.append("

");

returnStr.append(strs[i]);

returnStr.append("

");

}

}else{

returnStr.append("

");

}

System.out.println(returnStr.toString());

response.getWriter().write(returnStr.toString());

}

input文本框实现宽度自适应代码实例，input文本框

本章节介绍一下如何让一个文本框的宽度能够随着文本框中的内容的宽度增长而增长,也就是能够实现宽度自适应效果. 代码实例如下: &lt ...

Ajax - 异步处理(点击变成文本框并修改)

效果: 对应的文档结构: Test.aspx 前台代码: 引入JQuery(jquery-1.8.3.min.js). 引入自己所写的JS代码(UserJS.js).

django(7)modelform操作及验证、ajax操作普通表单数据提交、文件上传、富文本框基本使用

一.modelForm操作及验证 1.获取数据库数据,界面展示数据并且获取前端提交的数据,并动态显示select框中的数据 views.py from django.shortcuts import ...

JQuery+AJAX实现搜索文本框的输入提示功能

平时使用谷歌搜索的时候发现只要在文本框里输入部分单词或字母,下面马上会弹出一个相关信息的内容框可供选择.感觉这个功能有较好的用户体验,所以也想在自己的网站上加上这种输入提示框. 实现的原理其实很简单, ...

原生Ajax GET+POST请求无刷新实现文本框用户名是否被注册

实现Ajax需要使用一个核心对象XMLHttpRequest XMLHttpRequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页.当页面全部加载完毕后,客户端通过该对象向服务器请求 ...

input文本框实现宽度自适应代码实例

代码实例如下:

常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例

http://www.cnblogs.com/cxd4321/archive/2013/01/30/2883078.html 目前市面上用的比较多的富文本编辑器有: FreeTextBox 一个有很多 ...

Javascript实例技巧精选(7)—设置和获取文本框与文本域的光标位置(兼容IE和Chrome,Firefox)

>>点击这里下载完整html源码<< 截图如下: 本实例描述了如何用Javascript来控制和获取文本框/文本域的鼠标光标位置,以下代码兼容IE和Chrome,Firefox ...

SAP 文本框实例

SAP 文本框简单实例 REPORT ZTEST001. DATA: OK_CODE LIKE SY-UCOMM, SAVE_OK LIKE SY-UCOMM. DATA: REF_EDIT_CTN ...

随机推荐

C&num;调用C++DLL的小总结5---和C++的DLL的联合调试

http://fpcfjf.blog.163.com/blog/static/5546979320134922938373/ http://blog.csdn.net/jiangxinyu/artic ...

pgpool postgresql集群、中间件

pgpool-II是一个工作于PostgreSQL服务器端和PostgreSQL客户端之间的中间件,它提供了如下的功能: 1.连接池 pgpool-II中保存了到PostgreSQL服务器的连接,然后 ...

UVa 808 (建坐标系、找规律) Bee Breeding

题意: 如图,按照图中的规律给这些格子编号.给出两个格子的编号,求从一个格子到另一个格子的最少步数.(一步只能穿过有有公共边的格子) 分析: 根据高中数学知识,选任意两个不共线的向量,就能表示平面上所 ...

Linux下相关查找文件命令(find locate which whereis type)

以下内容摘自:http://blog.csdn.net/jessica1201/article/details/8139249 标注的内容为自己的补充: 我们经常需要在系统中查找一个文件,那么在lin ...

在Mybatis中使用注解&commat;多个參数查询

@Select("SELECT * FROM wc_homework WHERE organization_id=#{classId} ORDER BY createtime DESC LI ...

webapp之路--apple私有属性apple-touch-icon

以前我们用过favicon在浏览器给网站进行身份标识,用法如下:

新概念英语(1-65)Not a Baby

新概念英语(1-65)Not a Baby Does Jill take the key to the front door? A:What are you going to do this even ...

代码生成器 CodeSmith 的使用(二)

在第一篇中,简单的介绍了 CodeSmith 的使用方法,这次做一个生成简单的数据库字段属性的模板.以下只粘贴主要的代码片段.

关于diskgenius删除所有分区后，电脑不能识别U盘的问题。

楼主曾今为了将Linux系统安装至U盘中,曾无数次对U盘进行过格式化,到最后导致,u盘各种引导.系统.烂数据存在U盘,导致U盘的使用越来越不方便.后来终于下狠心,利用diskgenius对U盘进行一次 ...

倩倩爸爸

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
完成异步ajax文本请求,ajax实例及实现文本框异步搜素

search.jsp(WebContent/jsp/search.jsp)pageEncoding="UTF-8"%>Search/***单机文本框时检查文本框的值***/function changeValue(){var tab = document.getElementById("tabId");var inputStr = document.getElementById("input...
复制链接

扫一扫