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

最新推荐文章于 2022-05-10 14:15:53 发布

流浪者李田所

最新推荐文章于 2022-05-10 14:15:53 发布

阅读量136

点赞数

文章标签： ajax post 没有返回

本文链接：https://blog.csdn.net/weixin_36127428/article/details/112079069

版权

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>