Ajax是什么？

最新推荐文章于 2024-11-13 20:43:20 发布

zzhaifx

最新推荐文章于 2024-11-13 20:43:20 发布

阅读量163

点赞数

文章标签： eclipse java

本文链接：https://blog.csdn.net/qq_61607136/article/details/124414122

版权

本文介绍了Ajax的主要用途，它允许页面在不刷新的情况下更新数据，有效利用带宽。通过连接Servlet服务器，设置请求头和回调函数，可以处理不同状态码的响应。示例展示了如何在用户输入时调用Ajax进行搜索提示功能，提高用户体验。

摘要由CSDN通过智能技术生成

ajax的用处

页面不用刷新即可实现数据的跳转，不刷新整个页面，只刷新区别，有效利用带宽

ajax怎么用?

首先我们要做的是连接Servlet服务器，然后设置请求头信息，再设置回调函数，判断请求响应以及服务器状态，然后发送

常用属性：
status：HTTP的状态码：

状态码

说明

200

服务器响应正常

400

无法找到请求的资源

403

没有访问权限

404

访问的资源不存在

500

调用Ajax进行处理

function checkUserExists() {
   var f = document.form1;
   var username = f.username.value;
   if (username == "") {
       alert("用户名不能为空");
       return false;
   } else {
       doAjax("CheckUserServlet?username=" + username);
   }
}

实现搜索自动提示功能

<h3>
   Ajax实现搜索提示
</h3>
<div style="width: 500px">
   <form action="" id="formSearch">
       <input type="text" id="txtSearch" name="txtSearch"
           οnkeyup="searchSuggest()" autocomplete="off" />
       <input type="submit" id="cmdSearch"
               name="cmdSearch" value="搜索" /> <br>           <div id="suggest" style="width: 200px"></div>
   </form>
</div>