jquery 实现简单的Ajax例子
来源:互联网 发布:mac win7开机白屏很久 编辑:程序博客网 时间:2024/05/17 23:09
//js文件
function valid(){
var jqueryObj = $("#username");
var name = jqueryObj.val();
// $.get("AjaxXmlServer?username="+name,null,callback1);
$.ajax({
type: "POST",
url: "AjaxXmlServer",
data: "username=" + name,
async:false,
success: callback1
});
}
//回调函数
function callback1(data){
var jqueryObj = $(data);
var message = jqueryObj.children();
var text = message.text();
var divObj = $("#result");
divObj.html(text);
}
//jsp页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>表单验证例子</title>
<script style="javaScript" src="js/jquery.js"></script>
<script style="javaScript" src="js/jqueryXml.js"></script>
<style>
#result{
color:red;
}
</style>
</head>
<body>
验证AJAX功能的表单:
请输入用户名: <br>
用户名: <input type="text" id="username" />
<input type="button" value="验证" onclick="valid()" />
<div id="result">
<h3></h3>
</div>
<br>
<br>
<h2 style="color:blue;font-size:14px">其他地方都不用动哟。。。 </h2>
</body>
</html>
//servlet 端
package ajaxTest1;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class AjaxXmlServer extends HttpServlet {
protected void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException {
//要改成XML
response.setContentType("text/xml;charset=GB2312");
PrintWriter pw = response.getWriter();
String name = request.getParameter("username");
System.out.println("name="+name);
StringBuilder sb = new StringBuilder();
sb.append("<message>");
if(name==null ||name.length()==0){
sb.append("用户名不能为空!!").append("</message>");
}
else{
if(name.contentEquals("yaogl")){
sb.append("yaogl 登录成功").append("</message>");
}
else{
sb.append("用户名错误:").append("</message>");
}
}
System.out.println(sb.toString());
pw.println(sb.toString());
}
protected void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException {
doGet(request,response);
}
}
- jquery 实现简单的Ajax例子
- jquery+ajax简单的例子
- 一个简单的jquery+ajax的例子
- jquery ajax请求后台 的简单例子
- jsp 中用jquery 实现ajax 一个简单例子
- DWR 实现Ajax的简单例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- jquery.ajax 的例子
- jquery ajax的例子
- 用JQuery实现全选的简单例子
- jquery+ajax简单例子及jquery事件
- 一个最简单的基于PHP+jQuery的AJAX例子
- 简单的JQuery(AJAX)+SpringMVC的小例子(JSON)
- jquery的ajax方式调用json简单例子
- 数据恢复软件设计与实现(七)
- your content must have a listview whose id attribute is 'android.r.id.list'
- Java字节码---解释执行
- GTK常用接口——图片、图片控件
- 用Github账号领Ripple币
- jquery 实现简单的Ajax例子
- Hdu 4464 Browsing History
- GTK常用接口——进度条、滚动窗口、分栏列表
- HDU 2093 考试排名
- mysql中Table is read only的解决方法
- JavaScript的单线程性质以及定时器的工作原理
- SDK技术的发展进程以及了解概况
- 软件测试过程
- 格斗游戏动作设计和制作 攻击受击判定