Ajax和jQuery

		Ajax和jQuery

https://www.cnblogs.com/weibanggang/p/9517223.html
下载gson
导入循环包
<%@taglin prefix=“c” uri=“http://java.su.com/jsp/jst1/core” %>
1.Ajax引擎
Ajax奇数的核心,XMLHttpRequst对象
2.事件
onreadystatechange:指定回调函数 常用属性:
readyState:XMLHttpRequest的状态信息常用属性
status

status:HTTP的状态码 statusText:返回当前请求的响应状态 responseText:以文本形式获得响应的内容

responseXML:将XML格式的响应内容解析成 DOM对象返回
Ajax:jquery语法:
$.ajax{(settings)}
url String 发送请求的地址,默认为当前页地址
type String 请求方式,默认为GET
data PlainObject
或 String
或 Array 发送到服务器的数据
dataType String 预期服务器返回的数据类型,包括:XML、HTML 、Script、JSON、JSONP、 text
timeout Number 设置请求超时时间
global Boolean (全局变量)表示是否触发全局Ajax事件,默认为true
常用函数:
beforeSend Function ( jqXHR jqxhr,
PlainObject settings ) 发送请求前调用的函数
success Function( 任意类型 result,
String textStatus,
jqXHR jqxhr ) 请求成功后调用的函数
参数result:可选,由服务器返回的数据
error Function ( jqXHR jqxhr,
String textStatus,
String errorThrown )请求失败时调用的函数
complete Function ( jqXHR jqxhr,
String textStatus ) 请求完成后(无论成功还是 失败)调用的函数


function validate(){
var name = $("#email").val();
if(name==null || name==""){
	$("emailspan").html("用户名不能为空!");
}else{
	//Ajax实现
	$.ajax({
		url:"servlet的路径",		//servlet路径
		type:"get",			//请求方式GET post
		data:{"name":name},		//取name的值
		dataType:"text",		//请求的字符串。或别的类型
		success:function(result){
			if(result=="true"){
				$("emailspan").html("用户名已存在!");
			}else{
				$("emailspan").html("用户名可以使用!");
			}
		},
		error:function(){
			alert("报错了!!");

		JSON

$(function(){
//1注册失去焦点
$("#email").blur(function(){
//2获取邮箱的值
var e m a i l = email= (this).val();
//3判断是否为空
if($email!=null && $email.length>0){
//4将数据传送给服务器
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲emailspan").loa…email);
}else {
alert(“用户名不能为空!”);


		gson
void test() {
	user u = new user(1,"张三","男", new Date());
	Gson gson = new GsonBuilder().setDateFormat("yyyy-MM-dd hh:mm:ss").create();
	String str = gson.toJson(u);
	System.out.println(str);
}

猜你喜欢

转载自blog.csdn.net/kai521314/article/details/83650153