`
youngJava
  • 浏览: 15681 次
  • 性别: Icon_minigender_2
  • 来自: 长沙
社区版块
存档分类
最新评论
阅读更多
       ajax,我目前的理解是:异步响应,能跟服务器交互。可以在不将所有的数据提交的情况下,也能够将需要验证的数据提交到后台,并能将服务器返回的信息显示到界面中。


三步:
1、:创建XMLHTTPRequest对象;
 
<script type="text/javascript">
//定义了XMLHttpRequest对象
var request;
//创建XMLHttpRequest对象函数
function getRequestObject() {
if (window.ActiveXObject) {
request=new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
request=new XMLHttpRequest();
} else {
window.alert("你的浏览器不支持XMLHTTPRequest,将无使用AJAX功能!");
}
}
</script>

2、写回调函数
function processResult() {
if ((request.readyState == 4) &&
(request.status == 200)) {
//1.弹出对话框以便调试
alert("服务器返回的是: "+request.responseText);//request.responseText这句显示了servlet中用response.getWriter().println("要在界面中显示的内容")方法存进去的服务器返回的内容
//显示到指定的组件中
document.getElementById("divErrorName").innerHTML=request.responseText;
}
}

3、发送异步请求
function sendRequest() {
//创建XMLHTTPRequest对象
getRequestObject();
//绑定回调方法,
request.onreadystatechange=processResult;
//发送请求
// request.open("GET", "index.jsp", true);
//发送Post请求
request.open("POST", "servlet/CheckUserNameServlet", true);//第三个参数设置成true,表示是异步的
request.setRequestHeader("Content-Type", "application/x-www-formurlencoded");//设置服务器解码的时候用什么格式
var userName=document.getElementById("userName").value;
//将userName做为请求参数发送上去
request.send("userName="+userName);
}



第一天学ajax碰到的问题:

1、细心问题,写错了不少单词,大小写、漏写、错写;
2、用debug调式,不太会,设置断点,结果运行到断点,终止了,一直不知道怎么回事,断点就我的理解,就相当于一个中断,程序运行到你想要停的地方就停了;
3、在jsp页面中,要显示服务器返回的信息,就要把信息在servlet中用response.getWriter().println("要在界面中显示的内容");
4、request.responseText这句显示了servlet中用response.getWriter().println("要在界面中显示的内容")方法存进去的服务器返回的内容。
5、回调函数中的状态判断((request.readyState == 4) &&
(request.status == 200)) ,错把后面的request.status == 200写成了request.state== 200;


6、还有个还没想通的问题,在绑定回调函数的这句代码中request.onreadystatechange=processResult;
,为什么perocessResult这不用括号啊,调用一个方法的时候不都要的吗?




分享到:
评论

相关推荐

    Ajax JavaWeb JS 三级联动

    Ajax JavaWeb JS 三级联动 Ajax JavaWeb JS 三级联动 Ajax JavaWeb JS 三级联动

    ajax 三级联动

    ajax 三级联实例,供AJAX初学者经快了解AJAX的异步传输机制

    Ajax三级联动.zip

    Ajax实现三级目录。点击一级目录显示二级目录,二级目录点击显示三级目录。 可以自行添加多级目录,有详细模板。 Ajax实现三级目录。点击一级目录显示二级目录,二级目录点击显示三级目录。 可以自行添加多级目录,...

    W3School Ajax教程

    W3School Ajax教程 Ajax 教程 整理的W3School Ajax教程

    ajax三级联动,三级联动,联动,ajax,无刷新三级联动

    ajax三级联动,三级联动,联动,ajax,无刷新三级联动

    Ajax三级联动 省市区

    Ajax三级联动 省市区Ajax三级联动 省市区Ajax三级联动 省市区Ajax三级联动 省市区

    三层个人网站小程序(Ajax源码)

    三层个人网站小程序(Ajax) Ajax三层个人网站小程序 &lt;br&gt;DAL——数据层 IDAL——数据接口层(控制是选择什么类型的数据库) Bll——逻辑层 Model——构造模型(对应数据库字段) &lt;br&gt;功能很...

    2023最新ajax请求第三方接口天气预报案例.docx

    2023最新ajax请求第三方接口天气预报案例.docx2023最新ajax请求第三方接口天气预报案例.docx2023最新ajax请求第三方接口天气预报案例.docx2023最新ajax请求第三方接口天气预报案例.docx2023最新ajax请求第三方接口...

    AJAX三级联动菜单

    AJAX三级联动菜单 用AJAX和jsp,servlet实现

    ASP.NET AJAX程序设计——第I卷:服务器端ASP.NET 2.0 AJAX Extensions与ASP.NET AJAX Control Toolkit 源代码

    本书系统介绍ASP.NET Ajax程序设计知识,共3卷。本卷从最易于理解和使用的那部分入手,介绍ASP.NET AJAX框架中能够与传统ASP.NET无缝对接的服务器端部分,包括服务器端ASP.NET AJAX Extensions与ASP.NET AJAX ...

    ajax省市区三级联动代码

    使用ajax + servlet + jdbc做的省市区三级联动,内含sql文件。对应有博客介绍,欢迎访问http://blog.csdn.net/qq_19558705/article/details/50318981

    掌握Ajax 学习资料pdf

    掌握 Ajax第 3 部分-Ajax 中的高级请求和响应 掌握 Ajax第 4 部分-利用 DOM 进行 Web 响应 掌握 Ajax第 5 部分-操纵 DOM 掌握 Ajax第 6 部分-建立基于 DOM 的 Web 应用程序 掌握 Ajax第 7 部分-在请求和响应中使用 ...

    支持AJAX的TreeView树例子,使用省市县三级xml作演示

    看到网上很多想用ajax的树的例子,很奇怪,明明...注:顺便下载了一个省市县的3级xml文件,作为ajax树联动展示的例子 这个例子还实现了选中父结点时,选中全部子结点; 取消一个子结点,同时取消全部级别的父结点。

    AJAX 核心三部曲

    有关AJAX的核心技术三部曲

    Ajax Bible

    Chapter 3 - Creating Ajax Applications Chapter 4 - Serious Ajax Programming Part II - Ajax in Depth Chapter 5 - Introducing Ajax Frameworks Chapter 6 - More Advanced Ajax Frameworks Chapter...

    Ajax三层个人网站小程序

    Ajax三层个人网站小程序

    ajax三级联动

    运用ajax实现三级联动,通过客户端拆分字符串,服务器返回自定义字符串,实现三级联动

    AJax详解.chm

    第 3 部分: Ajax 中的高级请求和响应 第 4 部分: 利用 DOM 进行 Web 响应 第 5 部分: 操纵 DOM 第 6 部分: 建立基于 DOM 的 Web 应用程序 第 7 部分: 在请求和响应中使用 XML 第 8 部分:在请求和响应中使用 XML 第...

    三大框架整合ajax

    spring struts2 hibernate整合ajax,最新三大框架+ajax项目实例。

    ajax视频(3)!

    讲的是ajax的应用因为觉得不错所以上传分享!

Global site tag (gtag.js) - Google Analytics