ajax实例大全（求一个jquery ajax请求servlet获取数据库数据，并显示在页面的例子）

本文目录

• 求一个jquery ajax请求servlet获取数据库数据，并显示在页面的例子
• ajax实现页面请求jsp数据，有大神能给写个例子么
• ajax用在哪些地方（求列举点实际应用的例子..）

求一个jquery ajax请求servlet获取数据库数据，并显示在页面的例子

假设：
1、你的页面在Web-Root下，内容为： 《div id="showMsg"》《/div》《input type="text" id="userName" /》，所用编码为utf-8
2、你的servlet为： HelloWorldServlet.java 映射路径为 servlet/helloWorldServlet
步骤：
1、引入jquery-1.6.4.min.js
2、编写id为userName的输入框的点击触发函数：
$("#userName").keyup(function(){
$.ajax({
type: "post",
url: "servlet/helloWorldServlet?userName="+$(this).val(),
dataType: "json",
success: function(data){
$("#showMsg").html(data.msg);//修改id为showMsg标签的html
}, error: function(){
alert("请求出错");
}
})
})
3、后台处理接收到的内容：
request.setCharactorEncoding("utf-8");
String userName = request.getParameter("userName");
response.setCharactorEncoding("utf-8");
PringWriter out = response.getWriter();
out.print("{\"msg\":\"你好~~"+userName+"!\"}");
注意事项：
1、这里的编码统一为utf-8
2、请求路径servlet/helloWorldServlet为相对路径，因此你的页面必须在项目的Web-Root下（也就是默认的web文件夹下，名字可能因项目配置不同而改变）
3、没了，记得给分哦，打字很辛苦的~

ajax实现页面请求jsp数据，有大神能给写个例子么

《body》
《Table》
《Tr》
《Td》
《input type="text" name="name"/》
《/Td》
《/Tr》
《Tr》
《Td》《div id="mydiv" style="border-style: groove"》《/div》《/Td》
《/Tr》

《/Table》
《/body》
/*
$(function(){
$(":text").keyup(function(){
var val = this.value;
$.get("abc",{"username":val,"age":123},callback);
});
});
function callback(data){
mydiv.innerHTML = data;
}
*/
$(function(){
$("table").attr("align","center");
$(":text").keyup(function(){
var val = this.value;
$.get("abc",{"username":val},function(data){
mydiv.innerHTML =data;
$("#mydiv》div").mouseover(function(){
$(this).css("background-color","yellow");
$(":text").val($(this).html());
}).mouseout(function(){
$(this).css("background-color","white");
}).click(function(){
$(":text").val($(this).html());
$("#mydiv").html("");
});
});
});
});
package com.ajax.web;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
import javax.servlet.ServletException;
***隐藏网址***
***隐藏网址***
***隐藏网址***
import com.ajax.dao.Dao;
public class ShwServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=gbk");
PrintWriter out = response.getWriter();
String name = request.getParameter("username");
Dao dao = new Dao();
List《String》 list = dao.getList(name);

StringBuffer sf = new StringBuffer();
for(String s : list){

sf.append("《div》"+s+"《/div》");
}
out.print(sf.toString());
out.flush();
out.close();
}
}
package com.ajax.dao;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;
public class Dao {
private Connection conn = null;
private PreparedStatement pst = null;
private ResultSet rs = null;
private Connection getConn() {
try {
String url = "jdbc:mysql://localhost:3306/mydb";
Class.forName("com.mysql.jdbc.Driver");
conn = DriverManager.getConnection(url, "root", "root");
} catch (Exception e) {
e.printStackTrace();
}
return conn;
}
public List《String》 getList(String name){
List《String》 list = new ArrayList《String》();
try {
String sql = "select name from inf where name like ’%"+name+"%’";
pst = getConn().prepareStatement(sql);
rs = pst.executeQuery();
while(rs.next()){
list.add(rs.getString("name"));
}
} catch (Exception e) {
e.printStackTrace();
}
return list;

}
}
-《servlet》 《servlet-name》ShwServlet《/servlet-name》 《servlet-class》com.ajax.web.ShwServlet《/servlet-class》 《/servlet》 -《servlet-mapping》 《servlet-name》ShwServlet《/servlet-name》 《url-pattern》/abc《/url-pattern》 《/servlet-mapping》 -《welcome-file-list》 《welcome-file》index.jsp《/welcome-file》 《/welcome-file-list》

ajax用在哪些地方（求列举点实际应用的例子..）

AJAX可以用在任何你要进行数据库交互的地方.但是,虽然这么说,也不能全部都用AJAX写程序.如果客户端不支持JS或者出了什么问题你这个程序就完啦...
呵呵..在某些不刷新而要与数据库交互的地方可以用上这个.
我们做网站就要有良好的用户体验.
在某些要登录才能发贴的地方可以用上.比如说,用户写了好长一篇文章.提交后才发现,session过期.而导致跳转到登录页了,他写的东西那就全没了.这样对用户来说,就不太友好了.所以我们可以AJAX判断一下是否要登录.再弹出相应的提示.
还有就是表单内容多的地方,用户填写了好几十项.提交后发现一项不合要求.返回后又重新填写信息,这样的话,一般人都不会再去填那好几十项了.除非他真的要你网站的资源,而你又要他注册后才可用..
总之.AJAX可以用于网站的任何交互页面,但是也要注意控制量.并非都用AJAX那就是一个很棒的网站.关键还是在于用户