ajax post 没有返回_Ajax异步技术之三：jQuery中的ajax学习

jQuery中的Ajax学习：

jQuery是js的一个轻量型框架，已经将js创建的操作进行了封装，而ajax也是js的一部分，所以jQuery也已经将ajax进行了封装。

封装：

$.get(url,data,fn) url:请求地址data:请求参数，参数格式为json对象fn:回调函数,注意函数要声明一个形参，用来接收响应数据
$.post(url,data,fn) url:请求地址data:请求参数，参数格式为json对象fn:回调函数,注意函数要声明一个形参，用来接收响应数据
$.ajax({json格式参数}) ：参数说明参照type:请求方式 ("POST" 或 "GET")， 默认为 "GET"url:请求地址data:发送到服务器的数据。将自动转换为请求字符串格式。必须为键值对格式。success:类型为Function, 请求成功后回调函数。参数：服务器返回数据，数据格式。 这是一个Ajax 事件。

代码实现：

需要引入的

jquery-1.9.1.js

268.4K

百度网盘

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1"><title>Insert title here</title><!-- 引入jQuery文件 --><script type="text/javascript" src="js/jquery.js"></script><!-- 声明js代码域 --><script type="text/javascript">//页面加载成功给HTML元素添加事件$(function(){//给用户名文本框添加失去焦点事件$("#uname").blur(function(){//发起ajax请求，校验用户名是否被注册//get请求方式/* $.get("data",{uname:$("#uname").val()},function(data){alert(data);}); *///post请求方式/* $.post("data",{uname:$("#uname").val()},function(data){alert(data);}); *///$.ajax方式$.ajax({type:"get",url:"data",data:"uname="+$("#uname").val(),success:function(data){if(eval(data)){alert("用户名已被注册");}else{alert("用户名OK");}}})})})</script>
</head>
<body><h3>jQuery中的ajax学习</h3><hr/>用户名：<input type="text" name="uname" id="uname" value=""/></body>
</html>