AJAX基本用法

在工作中和一些大项目制作的时候，许多人都会选择使用前后端分离技术即AJAX进行项目的制作，使用AJAX不仅能提高效率而且更容易修改，使我们制作项目的时候更加的得心应手。

在此给大家讲解一下AJAX的用法，一共有五个核心内容，掌握了这五个方面就掌握了AJAX技术的使用。

AJAX五个核心属性分别是url, type, data, dataType, success这五个方面.

@1： url 目标地址（对应后台的Servlet地址）
@2： type 使用方法的类型（post和get两种）
@3： data 内容（向目标地址发送的内容）
@4： dataType 文本类型（一般使用text和json）
@5： success 成功之后的操作

解释说明：get和post在形式上和性能上的差异
▪ post传输数据时，不需要在URL中显示出来，而get方法要在URL中显示。
▪ post传输的数据量大，可以达到2M，而get方法由于受到URL长度的限制,只能传递大约1024字节.
▪ post是为了将数据传送到服务器段,get是为了从服务器段取得数据。当然get之所以也能传送数据,只是用来设计告诉服务器,你到底需要什么样的数据，post的信息作为http请求的内容，而get是在Http头部传输的。

下面详细讲解一下用法

先看一下总体结构

		$.ajax({
   
	                url:"http://localhost:8080/Ajax/login",
	                type:"post",
	                data:{
   
	                    name:name,
	                    pwd:pwd
	                },
	                dataType:"text",
	                success:function(data){
   
	                    alert(data);
	                }
	            });

分步详解

1. url指向目标网址为http://localhost:8080/Ajax/login的一个Servlet

url:"http://localhost:8080/Ajax/login"

2. 使用post方法发送

type:"post"

3. 发送的内容有账号和密码

<