ajax如何获取jsp里面的数据库Ajax 焦点常识之与后台有个约会

1：XMLHttpRequest 工具创建；

所有当代浏览器均支持 XMLHttpRequest 工具；

但是（IE5 和 IE6 利用的是ActiveXObject）

ajax如何获取jsp里面的数据库Ajax 焦点常识之与后台有个约会 PHP

XMLHttpRequest【紧张浸染是在后台，与做事器进行数据的交流】这意味着可以在不重新加载全体网页的情形下，对网页的某部分进行更新；ajax紧张传输数据，靠的便是XMLHttpRequest，怎么去创建它，如下；

代码举例讲解：

新建一个项目；在新建一个ajax.JSP,先在前台写一个按钮和输入框：

Servers把项目add进去，建议大家用火狐浏览器，比较适宜断点调试，运行如下所示一个大略的展示；

声明一个xmlHttp，主流浏览器都支持XMLHttpRequest，直接new就行了，但是还是有很多人用i6i5，不信你调查一番，以是一定要把这个考虑进去，那么就要new的便是ActiveXObject(\"大众Microsoft.XMLHTTP\公众)。
如下图；

以上便是大略的一个创建。
下面我们看ajax，如何与后台进行交互。
这里我暂时先用Servlet给大家举例。

2：【XMLHttpRequest 工具要求后台】；这里面便是用到了open（）和send（）方法；

2-1：open(method,url,async)

【规定要求的类型、URL 以及是否进行异步处理要求】。

{method：要求的类型；GET 或 POST}

{url：文件在做事器上的位置}

{async：true（异步）或 false（同步）}:

但大多数情形下利用异步要求。

2-2：send(string)

【向做事器，发送要求】。

string：仅用于 POST 要求

GET 还是 POST？

get是直接跟在url后面的，post是数据包封装里面进去的。

与 POST 比较，GET 更大略也更快，并且在大部分情形下都能用。

然而，在以下情形中，请利用 POST 要求：

无法利用缓存文件（更新数据库，或位于做事器上的文件）

将大量数据，发送至做事器（POST 没有数据量限定）；

发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

setRequestHeader(header,value)

向要求添加 HTTP 头。

header: 规定头的名称

value: 规定头的值

xmlhttp.setRequestHeader(\"大众Content-type\"大众,\"大众application/x-www-form-urlencoded\"大众);

异步 - True 或 False？

AJAX 指的是异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。

为 True 的话，表示的是异步，异步表明了程序在对做事器进行要求时，该程序可以连续实行；能提高系统的运行效率；

为 False 的话，表示同步，JavaScript 会等到，做事器相应就绪，才连续实行。
如果做事器繁忙或缓慢，运用程序会

挂起或停滞。

我们一样平常都是用 True；

代码举例：创建一个servlet文件，然后要引个包：项目名-BuildPath-Configure Build Path-Libraries-Add Library；把我们的Apachetomcat这个包引进来，很多同学忘却了，就会涌现短缺包的缺点。

然后我们在刚刚的ajax.JSP里面加入内容；直接在loadName（）的方法里面加入；xmlHttp.open(\"大众post\"大众, \"大众getAjaxName?小码农&age=21\"大众, true);这里我就直接用问号传参了，大略一点。

然后去和后台进行交互。
后台如何吸收？这里我给大家巩固一下Servlet知识，就要去web.xml中进行配置，

<servlet> <servlet-name>getAjaxNameServlet</servlet-name> <servlet-class>com.Lenovo.GetAjaxNameServlet</servlet-class>//你的.java文件路径。
</servlet> <servlet-mapping> <servlet-name>getAjaxNameServlet</servlet-name> <url-pattern>/getAjaxName</url-pattern>//这个名字要和前台 xmlHttp.open(\"大众post\公众, \公众getAjaxName?小码农&age=21\"大众, true);方法中的第2个参数名字一样，代表要求的路径。

</servlet-mapping>

后台如何进行name和age的获取呢，见下图。

我们这里演示一下get和post要求差异；如果利用以上get要求，浏览器效果如下：

把我所有带的参数都展示出来了。
这能行么。

下面我们post提交，仿照那个表单提交数据办法，

xmlHttp.open(\公众post\公众, \"大众getAjaxName\"大众, true);xmlHttp.setRequestHeader(\"大众Content-type\"大众,\"大众application/x-www-form-urlencoded\"大众);xmlHttp.send(\公众name=jack&age=11\公众);

运行效果如下图：

我们可以看到，要求头是不是没有带我的参数信息，比如你在上岸界面，如果用get办法提交是不是暴露了用户名密码，坏人就会看到进而攻击你的系统。

好啦，本日就先讲这么多，太多了大家就会云里雾里，好好理解一下，只要有觉得了，逐步深入就都学会了。
来日诰日连续讲解，ajax相应做事器等干系知识。